MrBeast vs Pinkfong Voting App
About this app
Cast your vote for either MrBeast or Pinkfong and see the real-time results!
MrBeast vs Pinkfong Voting App 🥊 MrBeast vs Pinkfong 🎵 Vote for MrBeast 🎉 0 Vote for Pinkfong 🦈 0
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>MrBeast vs Pinkfong Voting App</title>
<meta name="description" content="Cast your vote for either MrBeast or Pinkfong and see the real-time results!">
<meta name="keywords" content="MrBeast, Pinkfong, Voting, Fun, Interactive">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<link href="https://fonts.googleapis.com/css2?family=Bangers&display=swap" rel="stylesheet">
<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">
<style>
body {
font-family: 'Bangers', cursive;
background: linear-gradient(to right, #F09819 0%, #EDDE5D 100%);
}
.vote-button {
font-size: 2em;
margin: 1em;
}
</style>
<script type="text/javascript">
try {
function saveLocal(key, value) {
localStorage.setItem(key, value);
}
function loadLocal(key) {
return localStorage.getItem(key);
}
function updateVotes() {
document.getElementById('mrbeast-votes').innerText = loadLocal('mrbeast') || 0;
document.getElementById('pinkfong-votes').innerText = loadLocal('pinkfong') || 0;
}
function voteMrbeast() {
saveLocal('mrbeast', (parseInt(loadLocal('mrbeast')) || 0) + 1);
updateVotes();
}
function votePinkfong() {
saveLocal('pinkfong', (parseInt(loadLocal('pinkfong')) || 0) + 1);
updateVotes();
}
document.addEventListener("DOMContentLoaded", function() {
updateVotes();
});
} catch (error) {
throw error;
}
</script>
</head>
<body>
<div id="main-container" class="container text-center">
<h1>🥊 MrBeast vs Pinkfong 🎵</h1>
<div class="row">
<div class="col">
<button class="vote-button btn btn-primary" onclick="voteMrbeast()">Vote for MrBeast 🎉</button>
<h2 id="mrbeast-votes">0</h2>
</div>
<div class="col">
<button class="vote-button btn btn-danger" onclick="votePinkfong()">Vote for Pinkfong 🦈</button>
<h2 id="pinkfong-votes">0</h2>
</div>
</div>
</div>
</body>
</html>
NEW APPS
These are apps made by the community!