Brawl Stars Characters
About this app
Create Brawl Stars characters based on health, size, color, and sound lines.
Brawl Stars Characters Brawl Stars Characters
Put this on your site
Related apps
VoiceSong Studio - Créez votre propre hit !
Baccara Suite Master - Prédiction 1xBet & Casino
Elite Baccarat - Professional Casino Experience
YTPMV Scan - Ultimate Meme Sequencer
YTPMV Scan - Ultimate Audio Visual Sequencer
Pro-Roulette 0-14 Predictor | Advanced Strategic Analytics
Twelve - The Ultimate 12-Step Daily Harmony Planner
Otter Python - Calc Runner Game
Harmony - Гид по здоровым отношениям и романтике
LoopTube 2016 - Infinite Video Looper & Repeater
VoxTransform - 50+ Pro Video Voice Effects
TinyTip | Simple Tip Calculator & Bill Splitter
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 Characters</title>
<meta name="description" content="Create Brawl Stars characters based on health, size, color, and sound lines.">
<meta name="keywords" content="Brawl Stars, characters, health, size, color, sound lines">
<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.
document.addEventListener("DOMContentLoaded", function() {
// Character data
var characters = [
{
name: "El Primo",
health: 8000,
size: "Large",
color: "#EA8F20",
soundLines: [
"¡El Primo!",
"¡Hora de la siesta!",
"¡Vamos a bailar!"
]
},
{
name: "Poco",
health: 3200,
size: "Small",
color: "#60C5BA",
soundLines: [
"¡Poco!",
"¡Música maestro!",
"¡Viva la música!"
]
},
{
name: "Bibi",
health: 4200,
size: "Medium",
color: "#FF6B6B",
soundLines: [
"Bibi!",
"¡Aplastante!",
"¡Vamos a jugar!"
]
}
];
// Render characters
function renderCharacters() {
var characterContainer = document.getElementById("character-container");
characters.forEach(function(character) {
var characterCard = document.createElement("div");
characterCard.classList.add("card", "mb-3");
var characterCardBody = document.createElement("div");
characterCardBody.classList.add("card-body");
// Character name
var characterName = document.createElement("h5");
characterName.classList.add("card-title");
characterName.textContent = character.name;
// Character health
var characterHealth = document.createElement("p");
characterHealth.classList.add("card-text");
characterHealth.innerHTML = "<strong>Health:</strong> " + character.health;
// Character size
var characterSize = document.createElement("p");
characterSize.classList.add("card-text");
characterSize.innerHTML = "<strong>Size:</strong> " + character.size;
// Character color
var characterColor = document.createElement("div");
characterColor.classList.add("card-color");
characterColor.style.backgroundColor = character.color;
// Character sound lines
var characterSoundLines = document.createElement("ul");
character.soundLines.forEach(function(line) {
var soundLine = document.createElement("li");
soundLine.textContent = line;
characterSoundLines.appendChild(soundLine);
});
characterCardBody.appendChild(characterName);
characterCardBody.appendChild(characterHealth);
characterCardBody.appendChild(characterSize);
characterCardBody.appendChild(characterColor);
characterCardBody.appendChild(characterSoundLines);
characterCard.appendChild(characterCardBody);
characterContainer.appendChild(characterCard);
});
}
renderCharacters();
});
} catch (error) {
// This will throw the error to the parent window.
throw error;
}
</script>
<style>
/* App CSS Goes Here */
.card-color {
width: 30px;
height: 30px;
border-radius: 50%;
margin-bottom: 10px;
}
</style>
</head>
<body>
<div id="main-container" class="container">
<h1>Brawl Stars Characters</h1>
<div id="character-container"></div>
</div>
</body>
</html>
NEW APPS
These are apps made by the community!