Calculator Tools Calculator Tools
Create

Brawl Stars Event Description

Dec 24, 2023

About this app

Get event description 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 description 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.

// This will run when the DOM is ready.
document.addEventListener("DOMContentLoaded", function() {
// Event description data
const eventDescriptions = {
"gem-grab": "Gem Grab is a 3v3 game mode where two teams compete to collect and hold onto 10 gems. The team that holds onto the gems for the longest time wins the game.",
"bounty": "Bounty is a 3v3 game mode where two teams compete to eliminate opponents and collect stars. Each eliminated opponent drops stars, and the team with the most stars at the end of the match wins.",
"heist": "Heist is a 3v3 game mode where two teams compete to either protect or attack a safe. The attacking team needs to break open the safe within a certain time limit, while the defending team needs to prevent the safe from being destroyed.",
"brawl-ball": "Brawl Ball is a 3v3 game mode where two teams compete to score goals by kicking the ball into the opponent's goal. The team with the most goals at the end of the match wins.",
"siege": "Siege is a 3v3 game mode where two teams compete to collect bolts and build a robot. The robot then attacks the enemy team's base. The team that deals the most damage to the enemy base wins the game.",
"duo-showdown": "Duo Showdown is a 2v2 game mode where teams of two players compete to be the last team standing. The map gradually shrinks, forcing players into closer proximity and intense battles.",
"solo-showdown": "Solo Showdown is a free-for-all game mode where 10 players compete to be the last one standing. The map gradually shrinks, forcing players into closer proximity and intense battles.",
"brawl-ball-friendly": "Brawl Ball Friendly is a friendly game mode where two teams compete to score goals by kicking the ball into the opponent's goal. It is played in a friendly environment without affecting player trophies or rewards.",
"boss-fight": "Boss Fight is a PvE game mode where three players team up to defeat a powerful boss. The boss has high health and unique abilities, and the team needs to work together to defeat it.",
"big-game": "Big Game is a PvE game mode where one player becomes the boss while the rest of the players team up to defeat them. The boss has high health and unique abilities, and the team needs to work together to take them down.",
"robo-ruumble": "Robo Rumble is a PvE game mode where three players team up to defend against waves of robots. The team needs to survive as long as possible and deal with increasingly difficult waves of robots.",
"takedown": "Takedown is a PvPvE game mode where five players compete to deal the most damage to a boss robot. The boss has high health and unique abilities, and players can also attack each other to gain an advantage."
};

// Get input and show event description
const input = document.querySelector("#event-input");
const descriptionContainer = document.querySelector("#event-description");

input.addEventListener("input", function(event) {
const eventName = event.target.value.toLowerCase();
const description = eventDescriptions[eventName];

descriptionContainer.textContent = description ? description : "Event not found.";
});
});

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

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

.container {
max-width: 500px;
margin: 0 auto;
padding: 20px;
text-align: center;
}

h1 {
color: #ff6f00;
margin-bottom: 20px;
}

.form-control {
margin-bottom: 10px;
}

#event-description {
background-color: #fff;
padding: 20px;
border-radius: 5px;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
text-align: left;
min-height: 100px;
}
</style>
</head>
<body>
<div id="main-container" class="container">
<h1>Brawl Stars Event Description</h1>

<input type="text" class="form-control" id="event-input" placeholder="Type the event name">

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