Maria's Game Design

404 – Page Not Found

body {
font-family: Arial, sans-serif;
text-align: center;
background-color: #f0f0f0;
}
#slot-machine {
width: 300px;
height: 400px;
margin: 50px auto;
background-color: #fff;
border: 10px solid #000;
border-radius: 10px;
padding: 20px;
box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);
}
.slot {
width: 100px;
height: 120px;
margin: 10px auto;
background-color: #f2f2f2;
border: 5px solid #000;
border-radius: 10px;
overflow: hidden;
position: relative;
}
.slot-number {
font-size: 36px;
font-weight: bold;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
transition: top 0.5s;
}
#spin-btn {
margin-top: 20px;
padding: 10px 20px;
font-size: 18px;
cursor: pointer;
background-color: #007bff;
color: #fff;
border: none;
border-radius: 5px;
}

404 – Page Not Found

Spin

function spinSlotMachine() {
var slotNumbers = document.querySelectorAll(‘.slot-number’);
slotNumbers.forEach(function(slot) {
// Generate a random number between 0 and 9
var randomNumber = Math.floor(Math.random() * 10);
slot.textContent = randomNumber;
});
// Check if jackpot (404) is achieved
var jackpot = Array.from(slotNumbers).every(function(slot) {
return slot.textContent === ‘4’;
});
if (jackpot) {
setTimeout(function() {
alert(“Congratulations! You’ve hit the jackpot (404)!”);
}, 1000);
}
}