diff --git a/index.html b/index.html index af638da..2f96bbd 100644 --- a/index.html +++ b/index.html @@ -31,7 +31,8 @@

Guessing Game

+ - + \ No newline at end of file diff --git a/index.js b/index.js index 4c2a94e..2b3ccb9 100644 --- a/index.js +++ b/index.js @@ -10,7 +10,9 @@ const correctMessage = document.getElementById('correct'); let targetNumber; let attempts = 0; -const maxNumberOfAttempts = 5; +//third bug (was const I did let) +let maxNumberOfAttempts = 5; + // Returns a random number from min (inclusive) to max (exclusive) // Usage: @@ -18,10 +20,21 @@ const maxNumberOfAttempts = 5; // <- 32 // > getRandomNumber(1, 50) // <- 11 + function getRandomNumber(min, max) { return Math.floor(Math.random() * (max - min)) + min; } +//eigth bug. Firstly we have to declare function and then call it. +function hideAllMessages() { + //fourth bug (I added "-1") + for (let elementIndex = 0; elementIndex <= messages.length - 1; elementIndex++) { + messages[elementIndex].style.display = "none"; + } +} + +//make a change + function checkGuess() { // Get value from guess input element const guess = parseInt(guessInput.value, 10); @@ -43,7 +56,8 @@ function checkGuess() { if (guess < targetNumber) { tooLowMessage.style.display = ''; } else { - tooLowMessage.style.display = ''; + //fifth bug (both were "tooLowMessage.style.display") + tooHighMessage.style.display = ''; } const remainingAttempts = maxNumberOfAttempts - attempts; @@ -51,8 +65,8 @@ function checkGuess() { numberOfGuessesMessage.style.display = ''; numberOfGuessesMessage.innerHTML = `You guessed ${guess}.
${remainingAttempts} guesses remaining`; } - - if (attempts ==== maxNumberOfAttempts) { +//first bug + if (attempts === maxNumberOfAttempts) { submitButton.disabled = true; guessInput.disabled = true; } @@ -62,22 +76,20 @@ function checkGuess() { resetButton.style.display = ''; } -function hideAllMessages() { - for (let elementIndex = 0; elementIndex <= messages.length; elementIndex++) { - messages[elementIndex].style.display = 'none'; - } -} -funtion setup() { +//second bug (misspelling "function") +function setup() { // Get random number targetNumber = getRandomNumber(1, 100); console.log(`target number: ${targetNumber}`); // Reset number of attempts - maxNumberOfAttempts = 0; + //sixth bug (was "0" I did "5") + maxNumberOfAttempts = 5; // Enable the input and submit button - submitButton.disabeld = false; + //seventh bug (was "disabeld" I did "disabled") + submitButton.disabled = false; guessInput.disabled = false; hideAllMessages(); @@ -87,4 +99,4 @@ funtion setup() { submitButton.addEventListener('click', checkGuess); resetButton.addEventListener('click', setup); -setup(); +setup(); \ No newline at end of file