From 31fcddf3e81a039e1b842cbeb499113ce782fe16 Mon Sep 17 00:00:00 2001
From: elenademi <118300498+elenademi@users.noreply.github.com>
Date: Thu, 30 Mar 2023 19:08:46 -0400
Subject: [PATCH] completed debugging in the html and javascript files

---
 index.html |  2 +-
 index.js   | 41 ++++++++++++++++++++++++++++-------------
 2 files changed, 29 insertions(+), 14 deletions(-)

diff --git a/index.html b/index.html
index af638da..a46ee5b 100644
--- a/index.html
+++ b/index.html
@@ -15,7 +15,7 @@ <h1>Guessing Game</h1>
         less?
       </p>
       <div>
-        <input type="number" id="guess" min="1" max="99" />
+        <input type="number" id="guess" min='1' max='99' />
         <button id="submit">Submit Guess</button>
       </div>
       <div>
diff --git a/index.js b/index.js
index f3bc6d8..b680982 100644
--- a/index.js
+++ b/index.js
@@ -5,12 +5,12 @@ 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('num-of-guesses');
+const numberOfGuessesMessage = document.getElementById('number-of-guesses');
 const correctMessage = document.getElementById('correct');
 
 let targetNumber;
-const attempts = 0;
-const maxNumberOfAttempts = 5;
+let attempts = 0;
+let maxNumberOfAttempts = 5;
 
 // Returns a random number from min (inclusive) to max (exclusive)
 // Usage:
@@ -22,18 +22,22 @@ function getRandomNumber(min, max) {
   return Math.floor(Math.random() * (max - min)) + min;
 }
 
+
 function checkGuess() {
   // Get value from guess input element
-  const guess = parseInt(guessInput.value, 10);
+  let guess = parseInt(guessInput.value, 10);
   attempts = attempts + 1;
 
-  hideAllMessages();
+  
 
   if (guess === targetNumber) {
     numberOfGuessesMessage.style.display = '';
     numberOfGuessesMessage.innerHTML = `You made ${attempts} guesses`;
 
     correctMessage.style.display = '';
+    tooLowMessage.style.display = 'none';
+    tooHighMessage.style.display = 'none';
+    maxGuessesMessage.style.display = 'none';
 
     submitButton.disabled = true;
     guessInput.disabled = true;
@@ -42,8 +46,10 @@ function checkGuess() {
   if (guess !== targetNumber) {
     if (guess < targetNumber) {
       tooLowMessage.style.display = '';
+      tooHighMessage.style.display = 'none';
     } else {
-      tooLowMessage.style.display = '';
+      tooHighMessage.style.display = '';
+      tooLowMessage.style.display = 'none';
     }
 
     const remainingAttempts = maxNumberOfAttempts - attempts;
@@ -52,32 +58,41 @@ function checkGuess() {
     numberOfGuessesMessage.innerHTML = `You guessed ${guess}. <br> ${remainingAttempts} guesses remaining`;
   }
 
-  if (attempts ==== maxNumberOfAttempts) {
+  if (attempts === maxNumberOfAttempts) {
     submitButton.disabled = true;
     guessInput.disabled = true;
+    maxGuessesMessage.style.display = '';
+    tooHighMessage.style.display = 'none';
+    tooLowMessage.style.display = 'none';
+
   }
 
   guessInput.value = '';
 
-  resetButton.style.display = '';
+  resetButton.style.display= '';
 }
 
 function hideAllMessages() {
-  for (let elementIndex = 0; elementIndex <= messages.length; elementIndex++) {
+  for ( let elementIndex = 0; elementIndex < messages.length; elementIndex++) {
     messages[elementIndex].style.display = 'none';
+    
+    
+    //console.log(messages[elementIndex]);
   }
 }
-
-funtion setup() {
+hideAllMessages();
+function setup() {
   // Get random number
   targetNumber = getRandomNumber(1, 100);
   console.log(`target number: ${targetNumber}`);
 
   // Reset number of attempts
-  maxNumberOfAttempts = 0;
+  //maxNumberOfAttempts = 5;
+   attempts=0;
+  
 
   // Enable the input and submit button
-  submitButton.disabeld = false;
+  submitButton.disabled = false;
   guessInput.disabled = false;
 
   hideAllMessages();