diff --git a/index.js b/index.js index 4c2a94e..9ea61f4 100644 --- a/index.js +++ b/index.js @@ -1,16 +1,17 @@ -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; +//Error 3: change const to let; +let maxNumberOfAttempts = 5; // Returns a random number from min (inclusive) to max (exclusive) // Usage: @@ -30,10 +31,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,50 +42,53 @@ function checkGuess() { if (guess !== targetNumber) { if (guess < targetNumber) { - tooLowMessage.style.display = ''; + tooLowMessage.style.display = ""; } else { - tooLowMessage.style.display = ''; + //BUG 6: changed tooHigh to tooHigh; + tooHighMessage.style.display = ""; } const remainingAttempts = maxNumberOfAttempts - attempts; - numberOfGuessesMessage.style.display = ''; + numberOfGuessesMessage.style.display = ""; numberOfGuessesMessage.innerHTML = `You guessed ${guess}.
${remainingAttempts} guesses remaining`; } - - if (attempts ==== maxNumberOfAttempts) { + //BUG 1: extra =; + if (attempts === maxNumberOfAttempts) { submitButton.disabled = true; guessInput.disabled = true; } - guessInput.value = ''; - - resetButton.style.display = ''; + guessInput.value = ""; + resetButton.style.display = ""; } function hideAllMessages() { - for (let elementIndex = 0; elementIndex <= messages.length; elementIndex++) { - messages[elementIndex].style.display = 'none'; + //BUG 5: remove =; + for (let elementIndex = 0; elementIndex < messages.length; elementIndex++) { + messages[elementIndex].style.display = "none"; } } - -funtion setup() { +//BUG 2: misspelled word function +function setup() { // Get random number targetNumber = getRandomNumber(1, 100); console.log(`target number: ${targetNumber}`); // Reset number of attempts - maxNumberOfAttempts = 0; + //BUG 4: change 0 to 5 + maxNumberOfAttempts = 5; // Enable the input and submit button - submitButton.disabeld = false; + //BUG 5: misspelled word disabled + submitButton.disabled = false; 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();