diff --git a/index.html b/index.html index af638da..3a9aa24 100644 --- a/index.html +++ b/index.html @@ -22,9 +22,7 @@

Guessing Game

You guessed too high. Try again.

You guessed too low. Try again.

-

- You reached the max number of guesses -

+

You reached the max number of guesses

Congratulations, You guessed correctly!
Would you like to play again? diff --git a/index.js b/index.js index 4c2a94e..eabc81f 100644 --- a/index.js +++ b/index.js @@ -1,16 +1,16 @@ -const guessInput = document.getElementById('guess'); -const submitButton = document.getElementById('submit'); -const resetButton = document.getElementById('reset'); -const messages = document.getElementsByClassName('message'); -const tooHighMessage = document.getElementById('too-high'); -const tooLowMessage = document.getElementById('too-low'); -const maxGuessesMessage = document.getElementById('max-guesses'); -const numberOfGuessesMessage = document.getElementById('number-of-guesses'); -const correctMessage = document.getElementById('correct'); +const guessInput = document.getElementById("guess"); +const submitButton = document.getElementById("submit"); +const resetButton = document.getElementById("reset"); +const messages = document.getElementsByClassName("message"); +const tooHighMessage = document.getElementById("too-high"); +const tooLowMessage = document.getElementById("too-low"); +const maxGuessesMessage = document.getElementById("max-guesses"); +const numberOfGuessesMessage = document.getElementById("number-of-guesses"); +const correctMessage = document.getElementById("correct"); let targetNumber; let attempts = 0; -const maxNumberOfAttempts = 5; +let maxNumberOfAttempts = 5; // Returns a random number from min (inclusive) to max (exclusive) // Usage: @@ -30,10 +30,10 @@ function checkGuess() { hideAllMessages(); if (guess === targetNumber) { - numberOfGuessesMessage.style.display = ''; + numberOfGuessesMessage.style.display = ""; numberOfGuessesMessage.innerHTML = `You made ${attempts} guesses`; - correctMessage.style.display = ''; + correctMessage.style.display = ""; submitButton.disabled = true; guessInput.disabled = true; @@ -41,34 +41,34 @@ function checkGuess() { if (guess !== targetNumber) { if (guess < targetNumber) { - tooLowMessage.style.display = ''; + tooLowMessage.style.display = ""; } else { - tooLowMessage.style.display = ''; + tooLowMessage.style.display = ""; } const remainingAttempts = maxNumberOfAttempts - attempts; - numberOfGuessesMessage.style.display = ''; + numberOfGuessesMessage.style.display = ""; numberOfGuessesMessage.innerHTML = `You guessed ${guess}.
${remainingAttempts} guesses remaining`; } - if (attempts ==== maxNumberOfAttempts) { + if (attempts === maxNumberOfAttempts) { submitButton.disabled = true; guessInput.disabled = true; } - guessInput.value = ''; + guessInput.value = ""; - resetButton.style.display = ''; + resetButton.style.display = ""; } function hideAllMessages() { - for (let elementIndex = 0; elementIndex <= messages.length; elementIndex++) { - messages[elementIndex].style.display = 'none'; + for (let elementIndex = 0; elementIndex < messages.length; elementIndex++) { + messages[elementIndex].style.display = "none"; } } -funtion setup() { +function setup() { // Get random number targetNumber = getRandomNumber(1, 100); console.log(`target number: ${targetNumber}`); @@ -81,10 +81,10 @@ funtion setup() { guessInput.disabled = false; hideAllMessages(); - resetButton.style.display = 'none'; + resetButton.style.display = "none"; } -submitButton.addEventListener('click', checkGuess); -resetButton.addEventListener('click', setup); +submitButton.addEventListener("click", checkGuess); +resetButton.addEventListener("click", setup); setup();