Calculator Tools Calculator Tools
Create

Brawl Stars Challenge Maker

Aug 12, 2026

About this app

Generate random Brawl Stars challenges

Brawl Stars Challenge Maker Brawl Stars Challenge Maker Generate Challenge

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 Challenge Maker</title>
<meta name="description" content="Generate random Brawl Stars challenges">
<meta name="keywords" content="Brawl Stars, challenge, generator">

<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">

<!-- Built-In Functions for Apps -->
<script type="text/javascript">
var localStoragePrefix = "ct-169133341038568";
var lastSave = 0;
// save to localstorage
function saveLocal(data) {
if (Date.now() - lastSave < 1000) {
return;
}
// save to cookie
let cookie = localStoragePrefix + "=" + JSON.stringify(data) + "; path=" + window.location.pathname + "'; SameSite=Strict";
cookie += "; expires=" + new Date(Date.now() + 1000 * 60 * 60 * 24 * 365 * 1000).toUTCString();
document.cookie = cookie;
lastSave = Date.now();
}

// load from localstorage
function loadLocal() {
var cookiePrefix = localStoragePrefix + "=";
var cookieStart = document.cookie.indexOf(cookiePrefix);
if (cookieStart > -1) {
let cookieEnd = document.cookie.indexOf(";", cookieStart);
if (cookieEnd == -1) {
cookieEnd = document.cookie.length;
}
var cookieData = document.cookie.substring(cookieStart + cookiePrefix.length, cookieEnd);
return JSON.parse(cookieData);
}
}
</script>

<script type="text/javascript">
// App Javascript Goes Here
function generateChallenge() {
var challenges = [
"Win a match using only melee brawlers",
"Win a match without using any super abilities",
"Win a match using only thrower brawlers",
"Win a match without taking any damage",
"Win a match using only support brawlers",
"Win a match without using any gadgets",
"Win a match using only long-range brawlers",
"Win a match without using any ammo",
"Win a match using only tank brawlers",
"Win a match without using any star powers",
"Win a match using only sharpshooter brawlers",
"Win a match without dying",
"Win a match using only assassin brawlers",
"Win a match without using any health pickups",
"Win a match using only area control brawlers",
"Win a match without dealing any damage",
"Win a match using only healer brawlers",
"Win a match without using any main attacks",
"Win a match using only thrower brawlers",
"Win a match without using any gadgets",
"Win a match using only shotgun brawlers",
"Win a match without using any ammo",
"Win a match using only tank brawlers",
"Win a match without using any star powers",
"Win a match using only sharpshooter brawlers",
"Win a match without dying",
"Win a match using only assassin brawlers",
"Win a match without using any health pickups",
"Win a match using only area control brawlers",
"Win a match without dealing any damage",
"Win a match using only healer brawlers",
"Win a match without using any main attacks"
];

var randomChallenge = challenges[Math.floor(Math.random() * challenges.length)];

$("#challenge-description").text(randomChallenge);
}
</script>

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

.container {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
height: 100vh;
}

h1 {
font-size: 32px;
color: #343a40;
margin-bottom: 20px;
}

.button-container {
margin-top: 20px;
}

.generate-button {
display: inline-block;
padding: 10px 20px;
font-size: 18px;
font-weight: 500;
color: #fff;
background-color: #007bff;
border: none;
border-radius: 5px;
cursor: pointer;
transition: background-color 0.3s ease;
}

.generate-button:hover {
background-color: #0056b3;
}

.challenge-description {
margin-top: 20px;
font-size: 24px;
color: #343a40;
text-align: center;
}
</style>
</head>
<body>
<div id="main-container" class="container">
<h1>Brawl Stars Challenge Maker</h1>

<div class="button-container">
<button class="generate-button" onclick="generateChallenge()">Generate Challenge</button>
</div>

<div class="challenge-description" id="challenge-description"></div>
</div>
</body>
</html>