Calculator Tools Calculator Tools
Create

Krosh and Yozhik vs Barash and Nyusha

Aug 12, 2026

About this app

Defend against the robot invasion and collect bolts.

Krosh and Yozhik vs Barash and Nyusha Krosh and Yozhik vs Barash and Nyusha Team: The Electro Stars Bolts: 0 Collect Bolt Team: The Stirry Largely Star Bolts: 0 Collect Bolt

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>Krosh and Yozhik vs Barash and Nyusha</title>
<meta name="description" content="Defend against the robot invasion and collect bolts.">
<meta name="keywords" content="Krosh, Yozhik, Barash, Nyusha, robots, bolts">

<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-169133843133758";
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
$(document).ready(function() {
// Initialize game variables
var boltsKroshYozhik = 0;
var boltsBarashNyusha = 0;
var gameOver = false;

// Function to update the game status
function updateGameStatus() {
if (boltsKroshYozhik >= 8) {
$('#game-status').text('Krosh and Yozhik from Team: The Electro Stars won the match! 🎉');
gameOver = true;
} else if (boltsBarashNyusha >= 8) {
$('#game-status').text('Barash and Nyusha from Team: The Stirry Largely Star won the match! 🎉');
gameOver = true;
} else {
$('#game-status').text('');
}
}

// Function to handle Krosh and Yozhik collecting a bolt
function collectBoltKroshYozhik() {
if (!gameOver) {
boltsKroshYozhik++;
$('#bolts-krosh-yozhik').text(boltsKroshYozhik);
updateGameStatus();
}
}

// Function to handle Barash and Nyusha collecting a bolt
function collectBoltBarashNyusha() {
if (!gameOver) {
boltsBarashNyusha++;
$('#bolts-barash-nyusha').text(boltsBarashNyusha);
updateGameStatus();
}
}

// Attach event listeners to collect bolt buttons
$('#collect-bolt-krosh-yozhik').click(collectBoltKroshYozhik);
$('#collect-bolt-barash-nyusha').click(collectBoltBarashNyusha);
});
</script>

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

.container {
max-width: 600px;
margin: 0 auto;
padding: 20px;
}

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

.team {
margin-bottom: 20px;
}

.team-name {
font-size: 20px;
font-weight: bold;
margin-bottom: 10px;
}

.bolts {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 10px;
}

.bolts-label {
font-size: 16px;
font-weight: bold;
}

.bolts-count {
font-size: 20px;
font-weight: bold;
color: #333;
}

.game-status {
text-align: center;
font-size: 18px;
font-weight: bold;
color: #333;
margin-bottom: 20px;
}

.collect-bolt-button {
display: block;
width: 100%;
padding: 10px;
text-align: center;
font-size: 16px;
font-weight: bold;
color: #fff;
background-color: #007bff;
border: none;
border-radius: 5px;
cursor: pointer;
transition: background-color 0.3s ease;
}

.collect-bolt-button:hover {
background-color: #0056b3;
}
</style>
</head>
<body>
<div id="main-container" class="container">
<h1>Krosh and Yozhik vs Barash and Nyusha</h1>

<div class="team">
<div class="team-name">Team: The Electro Stars</div>
<div class="bolts">
<div class="bolts-label">Bolts:</div>
<div id="bolts-krosh-yozhik" class="bolts-count">0</div>
</div>
<button id="collect-bolt-krosh-yozhik" class="collect-bolt-button">Collect Bolt</button>
</div>

<div class="team">
<div class="team-name">Team: The Stirry Largely Star</div>
<div class="bolts">
<div class="bolts-label">Bolts:</div>
<div id="bolts-barash-nyusha" class="bolts-count">0</div>
</div>
<button id="collect-bolt-barash-nyusha" class="collect-bolt-button">Collect Bolt</button>
</div>

<div id="game-status" class="game-status"></div>
</div>
</body>
</html>