Hi guys! So i’m having trouble with setTimeout() in the else statement in the function getRandomIntegerGame(). My goal is that when the guess is wrong, the innerHTML changes to “You Lost! Try Again!”, and after a second the game resets. Thanks for the help!
function resetBtn() {
document.getElementById("reset-button").addEventListener("click", function(event) {
document.getElementById("user-input").value = "";
document.getElementById("user-choice").innerHTML = "";
document.getElementById("computer-choice").innerHTML = "";
document.getElementById("results").innerHTML = "";
document.getElementById("user-input").style.display = "block";
document.getElementById("btn").style.display = "block";
event.preventDefault();
});
};
function checkForIncorrectInput(){
let userInput = document.getElementById("user-input").value;
if(userInput > 10 && userInput < 0){
return alert("You number must be between 0 and 10");
}
}
function getRandomIntegerGame(){
//get the user input
let userInput = document.getElementById("user-input").value;
let showCompResult = document.getElementById("computer-choice");
let getRandomInteger = Math.round(Math.random() * 11);
let user = parseInt(userInput);
if(user > 10 && user < 0){
reset()
return alert("You number must be between 0 and 10");
}
if(user === getRandomInteger){
document.getElementById("user-input").style.display = "none";
document.getElementById("btn").style.display = "none";
document.getElementById("results").innerHTML = "You won!"
}else{
document.getElementById("btn").style.display = "none";
document.getElementById("user-input").style.display = "none";
document.getElementById("results").innerHTML = "You Lost! Try Again!";
setTimeout(function(){resetBtn();
}, 1000);
}
}