<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Try Your Luck</title>
<style>
body {
font-family: Arial, sans-serif;
text-align: center;
background-color: #f4f4f4;
padding: 20px;
}
h1 {
color: #333;
}
input, button {
padding: 10px;
margin: 10px;
font-size: 1.2em;
border-radius: 5px;
border: 1px solid #ccc;
}
.result {
font-size: 1.5em;
font-weight: bold;
margin-top: 20px;
}
.hidden {
display: none;
}
</style>
</head>
<body>
<h1>Try Your Luck</h1>
<input id="e" type="number" placeholder="Enter betting amount" />
<button onclick="bet()">Submit Bet</button>
<button id="hack" onclick="hack()">Hack</button>
<div>
<p id="a"></p>
<p id="b"></p>
<p id="c"></p>
<p id="d"></p>
</div>
<button onclick="generateALL()">Generate All</button>
<h3>Are you ready to submit?</h3>
<button onclick="submitResult()">Yes</button>
<div class="result">
<p id="f"></p>
</div>
<script>
function generateRandomNumber(min, max) {
return Math.floor(Math.random() * (max - min + 1)) + min;
}
function bet() {
let betAmount = document.getElementById("e").value;
if (betAmount === "") {
alert("Please enter a betting amount");
return;
}
localStorage.setItem("betAmount", betAmount);
if (betAmount !== "hihi") {
document.getElementById("hack").classList.add('hidden');
}
}
function generateOne() {
let randomNumber = generateRandomNumber(1, 10);
document.getElementById("a").innerText = randomNumber;
}
function generateTwo() {
let randomNumber = generateRandomNumber(1, 10);
document.getElementById("b").innerText = randomNumber;
}
function generateThree() {
let randomNumber = generateRandomNumber(1, 10);
document.getElementById("c").innerText = randomNumber;
}
function generateFour() {
let randomNumber = generateRandomNumber(1, 10);
document.getElementById("d").innerText = randomNumber;
}
function generateALL() {
generateOne();
generateTwo();
generateThree();
generateFour();
}
function submitResult() {
let numberOne = document.getElementById("a").innerText;
let numberTwo = document.getElementById("b").innerText;
let numberThree = document.getElementById("c").innerText;
let numberFour = document.getElementById("d").innerText;
if (numberOne == numberTwo && numberTwo == numberThree && numberThree == numberFour) {
let betAmount = localStorage.getItem("betAmount");
if (betAmount != null && betAmount != 0) {
let winnings = Number(betAmount) * 2;
document.getElementById("f").innerText = "Success! You win: $" + winnings;
localStorage.clear();
} else {
document.getElementById("f").innerText = "Please place your bet first.";
}
} else {
document.getElementById("f").innerText = "You lost!";
}
}
function hack() {
document.getElementById("a").innerText = "1";
document.getElementById("b").innerText = "1";
document.getElementById("c").innerText = "1";
document.getElementById("d").innerText = "1";
}
</script>
</body>
</html>