I need assistance with implementing a reset button for my slot machine game prototype written in JS. I attempted to create a playAgain function to restart the game by calling the main game function, but it's not working as expected. Do I need to pass a parameter to make it work? Any help would be appreciated!
const num1 = document.getElementById("num-1");
const num2 = document.getElementById("num-2");
const num3 = document.getElementById("num-3");
const message = document.getElementById("message")
const button = document.getElementById("button");
const random1 = Math.floor(Math.random() * 9) + 1;
const random2 = Math.floor(Math.random() * 9) + 1;
const random3 = Math.floor(Math.random() * 9) + 1;
button.addEventListener("click", checkEquality);
function checkEquality() {
num1.innerHTML = random1;
num2.innerHTML = random2;
num3.innerHTML = random3;
if (random1 === random2 && random1 === random3 && random2 === random3) {
message.innerHTML = "Congratulations, you won!"
} else {
message.innerHTML = "Sorry, you lost!"
}
button.innerHTML = "GIVE IT ANOTHER GO!"
}
button.addEventListener("click", playAgain)
function playAgain() {
if(num1 !== "?" && num2 !== "?" && num3 !== "?") {
message.innerHTML = "";
checkEquality()
}
}<h1>Slot Machine</h1>
<div>
<p id="num-1">?</p>
<p id="num-2">?</p>
<p id="num-3">?</p>
</div>
<p id="message"></p>
<button id="button">GIVE IT A GO!</button>