From c62c70bb94388769c5ef055860940e81ff845a2f Mon Sep 17 00:00:00 2001
From: mantisdev20 <aloroduns@yahoo.com>
Date: Thu, 4 Jan 2024 02:57:46 -0500
Subject: [PATCH 1/2] lesson 5.1 updated

---
 index.css |  5 +++++
 index.js  | 62 +++++++++++++++++++++++++++++--------------------------
 2 files changed, 38 insertions(+), 29 deletions(-)

diff --git a/index.css b/index.css
index 3024e63..fc976f5 100644
--- a/index.css
+++ b/index.css
@@ -12,4 +12,9 @@ main {
 
 #reset {
   margin: 20px;
+  display: none;
+}
+
+#message {
+  display: none;
 }
diff --git a/index.js b/index.js
index f3bc6d8..86f6372 100644
--- a/index.js
+++ b/index.js
@@ -7,10 +7,12 @@ const tooLowMessage = document.getElementById('too-low');
 const maxGuessesMessage = document.getElementById('max-guesses');
 const numberOfGuessesMessage = document.getElementById('num-of-guesses');
 const correctMessage = document.getElementById('correct');
+const setup = document.getElementById('setup');
+
 
 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,6 +24,12 @@ function getRandomNumber(min, max) {
   return Math.floor(Math.random() * (max - min)) + min;
 }
 
+function hideAllMessages() {
+  for (let elementIndex = 0; elementIndex < messages.length; elementIndex++) {
+    messages[elementIndex].style.display = 'none';
+  }
+}
+
 function checkGuess() {
   // Get value from guess input element
   const guess = parseInt(guessInput.value, 10);
@@ -37,54 +45,50 @@ function checkGuess() {
 
     submitButton.disabled = true;
     guessInput.disabled = true;
-  }
-
-  if (guess !== targetNumber) {
+  } else {
     if (guess < targetNumber) {
-      tooLowMessage.style.display = '';
+      tooLowMessage.style.display = '';  
     } else {
-      tooLowMessage.style.display = '';
+      tooHighMessage.style.display = '';
     }
 
     const remainingAttempts = maxNumberOfAttempts - attempts;
-
+    
+    console.log(typeof maxNumberOfAttempts, typeof attempts, typeof guess);
+    
+    //numberOfGuessesMessage.style.display = '';
+    //numberOfGuessesMessage.innerHTML = `You guessed ${guess}. <br> ${remainingAttempts} guesses remaining`;
+ 
+   if (attempts === maxNumberOfAttempts) {
+     submitButton.disabled = true;
+     guessInput.disabled = true;
+   } else {
     numberOfGuessesMessage.style.display = '';
     numberOfGuessesMessage.innerHTML = `You guessed ${guess}. <br> ${remainingAttempts} guesses remaining`;
-  }
-
-  if (attempts ==== maxNumberOfAttempts) {
-    submitButton.disabled = true;
-    guessInput.disabled = true;
-  }
-
-  guessInput.value = '';
-
-  resetButton.style.display = '';
-}
-
-function hideAllMessages() {
-  for (let elementIndex = 0; elementIndex <= messages.length; elementIndex++) {
-    messages[elementIndex].style.display = 'none';
+   }
+ 
+   guessInput.value = '';
+   resetButton.style.display = '';
   }
 }
 
-funtion setup() {
+  function gameSetup() {
   // Get random number
   targetNumber = getRandomNumber(1, 100);
   console.log(`target number: ${targetNumber}`);
 
   // Reset number of attempts
-  maxNumberOfAttempts = 0;
+  attempts = 0;
 
   // Enable the input and submit button
-  submitButton.disabeld = false;
+  submitButton.disabled = false;
   guessInput.disabled = false;
 
   hideAllMessages();
   resetButton.style.display = 'none';
 }
 
-submitButton.addEventListener('click', checkGuess);
-resetButton.addEventListener('click', setup);
+  submitButton.addEventListener('click', checkGuess);
+  resetButton.addEventListener('click', gameSetup);
 
-setup();
+  window.onload = gameSetup();

From db5353eb7ba9104322a82784d174a47acd2a3964 Mon Sep 17 00:00:00 2001
From: mantisdev20 <aloroduns@yahoo.com>
Date: Fri, 5 Jan 2024 22:41:34 -0500
Subject: [PATCH 2/2] lesson 5.1 resolved

---
 index.css  | 2 +-
 index.html | 2 +-
 index.js   | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/index.css b/index.css
index fc976f5..d2f54a6 100644
--- a/index.css
+++ b/index.css
@@ -12,7 +12,7 @@ main {
 
 #reset {
   margin: 20px;
-  display: none;
+  display:block;
 }
 
 #message {
diff --git a/index.html b/index.html
index af638da..928ecbb 100644
--- a/index.html
+++ b/index.html
@@ -19,7 +19,7 @@ <h1>Guessing Game</h1>
         <button id="submit">Submit Guess</button>
       </div>
       <div>
-        <p class="message" id="number-of-guesses"></p>
+        <p class="message" id="num-of-guesses"></p>
         <p class="message" id="too-high">You guessed too high. Try again.</p>
         <p class="message" id="too-low">You guessed too low. Try again.</p>
         <p class="message" id="max-guesses">
diff --git a/index.js b/index.js
index 86f6372..c4743a6 100644
--- a/index.js
+++ b/index.js
@@ -85,7 +85,7 @@ function checkGuess() {
   guessInput.disabled = false;
 
   hideAllMessages();
-  resetButton.style.display = 'none';
+  //resetButton.style.display = 'none';
 }
 
   submitButton.addEventListener('click', checkGuess);