Calculator Tools Calculator Tools
Create

Belgian Super Cup

Aug 12, 2026

About this app

Learn about the Belgian Super Cup and test your knowledge with an interactive quiz.

Belgian Super Cup Belgian Super Cup Team 1: Team 2: Calculate Winner

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>Belgian Super Cup</title>
<meta name="description" content="Learn about the Belgian Super Cup and test your knowledge with an interactive quiz.">
<meta name="keywords" content="Belgian Super Cup, football, quiz, interactive, calculator, game">

<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-168709446145412";
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 calculateSuperCupWinner() {
let team1 = $("#team1").val();
let team2 = $("#team2").val();
let result = "";

if (team1 === team2) {
result = "It's a draw!";
} else if (team1 === "Club Brugge" || team2 === "Club Brugge") {
result = "Club Brugge is the winner!";
} else {
result = "The other team is the winner!";
}

$("#result").text(result);
}
</script>

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

.container {
max-width: 600px;
margin: 0 auto;
padding: 20px;
background-color: #fff;
border-radius: 10px;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

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

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

label {
font-weight: bold;
}

.result {
font-weight: bold;
text-align: center;
margin-top: 20px;
color: #333;
}
</style>
</head>
<body>
<div id="main-container" class="container">
<h1>Belgian Super Cup</h1>

<div class="form-group">
<label for="team1">Team 1:</label>
<input type="text" id="team1" class="form-control" placeholder="Enter Team 1">
</div>

<div class="form-group">
<label for="team2">Team 2:</label>
<input type="text" id="team2" class="form-control" placeholder="Enter Team 2">
</div>

<button class="btn btn-primary" onclick="calculateSuperCupWinner()">Calculate Winner</button>

<div id="result" class="result"></div>
</div>
</body>
</html>