From e2abee1a150cfe5c3328af012d96fd96b3411ea1 Mon Sep 17 00:00:00 2001
From: Asel-K <asel.karagazieva@gmail.com>
Date: Tue, 2 Nov 2021 23:42:47 -0500
Subject: [PATCH] second attempt to add edited version

---
 src/GuessControl.js       |  2 +-
 src/NumberGuessingGame.js | 68 +++++++++++++++++++--------------------
 2 files changed, 35 insertions(+), 35 deletions(-)

diff --git a/src/GuessControl.js b/src/GuessControl.js
index 5ec2fd8..47db387 100644
--- a/src/GuessControl.js
+++ b/src/GuessControl.js
@@ -25,4 +25,4 @@ const GuessControl = ({ onGuess }) => {
   );
 };
 
-export default GuessControl;
+export default GuessControl;
\ No newline at end of file
diff --git a/src/NumberGuessingGame.js b/src/NumberGuessingGame.js
index edc9335..38b6a4a 100644
--- a/src/NumberGuessingGame.js
+++ b/src/NumberGuessingGame.js
@@ -9,50 +9,50 @@ const MAX_ATTEMPTS = 5;
  *
  * Returns a random integer number from 1-100 inclusive
  */
- function getRandomNumber() {
+function getRandomNumber() {
   return Math.floor(Math.random() * 100) + 1;
 }
 
 const NumberGuessingGame = () => {
-  const [numberToGuess, setNumberToGuess] = useState (getRandomNumber()) 
+  const [numberToGuess, setNumberToGuess] = useState(getRandomNumber())
   const [numberOfGuesses, setNumberOfGuesses] = useState(0)
   const [latestGuess, setLatestGuess] = useState(null)
 
   const handleGuess = (guess) => {
-  setLatestGuess(Number(guess))
-  setNumberOfGuesses (numberOfGuesses + 1)
+    setLatestGuess(Number(guess))
+    setNumberOfGuesses(numberOfGuesses + 1)
   }
 
-const handleReset = () => {
-  setNumberToGuess (getRandomNumber())
-  setNumberOfGuesses (0)
-  setLatestGuess (null)
-}
-  
-    const isCorrectGuess = latestGuess === numberToGuess;
-
-    const isGameOver = isCorrectGuess || numberOfGuesses === MAX_ATTEMPTS;
-
-    return (
-      <div>
-        <h2>I'm thinking of a number from 1 to 100.</h2>
-        <h2>
-          Can you guess the number I am thinking of in {MAX_ATTEMPTS} tries?
-        </h2>
-        <GuessControl onGuess={handleGuess} />
-        {isGameOver && (
-          <GameOver hasWon={isCorrectGuess} onReset={handleReset} />
-        )}
-        {!isGameOver && (
-          <GuessMessage
-            guess={latestGuess}
-            numberToGuess={numberToGuess}
-            numberOfGuesses={numberOfGuesses}
-          />
-        )}
-      </div>
-    );
+  const handleReset = () => {
+    setNumberToGuess(getRandomNumber())
+    setNumberOfGuesses(0)
+    setLatestGuess(null)
   }
 
+  const isCorrectGuess = latestGuess === numberToGuess;
+
+  const isGameOver = isCorrectGuess || numberOfGuesses === MAX_ATTEMPTS;
+
+  return (
+    <div>
+      <h2>I'm thinking of a number from 1 to 100.</h2>
+      <h2>
+        Can you guess the number I am thinking of in {MAX_ATTEMPTS} tries?
+      </h2>
+      <GuessControl onGuess={handleGuess} />
+      {isGameOver && (
+        <GameOver hasWon={isCorrectGuess} onReset={handleReset} />
+      )}
+      {!isGameOver && (
+        <GuessMessage
+          guess={latestGuess}
+          numberToGuess={numberToGuess}
+          numberOfGuesses={numberOfGuesses}
+        />
+      )}
+    </div>
+  );
+}
+
 
-export default NumberGuessingGame;
+export default NumberGuessingGame;
\ No newline at end of file