Calculator Tools Calculator Tools
Create

Brawl Stars Event Description

Dec 24, 2023

About this app

Get event descriptions for Brawl Stars

Brawl Stars Event Description Brawl Stars Event Description

Related apps

Put this on your site

Source

                    <html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1">

<title>Brawl Stars Event Description</title>
<meta name="description" content="Get event descriptions for Brawl Stars">
<meta name="keywords" content="Brawl Stars, Event, Description">

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
<link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">

<script type="text/javascript">
try {
// App Javascript Goes Here. Place your entire script content inside the try block for error handling.
const events = {
"2020-01-01": "Event description for January 1, 2020",
"2020-01-02": "Event description for January 2, 2020",
"2020-01-03": "Event description for January 3, 2020",
// Add more event descriptions here...
"2023-12-31": "Event description for December 31, 2023"
};

// This will run when the DOM is ready.
document.addEventListener("DOMContentLoaded", function() {
$("#event-input").on("input", function() {
const eventDate = $(this).val();
const eventDescription = events[eventDate];

$("#event-description").text(eventDescription);
});
});

} catch (error) {
// This will throw the error to the parent window.
throw error;
}
</script>

<style>
/* App CSS Goes Here */
body {
background-color: #f8f9fa;
font-family: 'Roboto', sans-serif;
}

.container {
max-width: 600px;
margin: 0 auto;
padding-top: 50px;
}

h1 {
text-align: center;
margin-bottom: 30px;
}

.form-group {
margin-bottom: 20px;
}

.form-control {
border-radius: 20px;
}

#event-description {
font-size: 18px;
padding: 10px;
background-color: #fff;
border-radius: 5px;
}
</style>
</head>
<body>
<div id="main-container" class="container">
<h1>Brawl Stars Event Description</h1>

<div class="form-group">
<input type="text" id="event-input" class="form-control" placeholder="Enter event date (YYYY-MM-DD)">
</div>

<div id="event-description"></div>
</div>
</body>
</html>