diff --git a/index.html b/index.html index af638da..3a9aa24 100644 --- a/index.html +++ b/index.html @@ -22,9 +22,7 @@
You guessed too high. Try again.
You guessed too low. Try again.
-- You reached the max number of guesses -
+You reached the max number of guesses
Congratulations, You guessed correctly!
Would you like to play again?
diff --git a/index.js b/index.js
index 4c2a94e..eabc81f 100644
--- a/index.js
+++ b/index.js
@@ -1,16 +1,16 @@
-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;
+let maxNumberOfAttempts = 5;
// Returns a random number from min (inclusive) to max (exclusive)
// Usage:
@@ -30,10 +30,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,34 +41,34 @@ function checkGuess() {
if (guess !== targetNumber) {
if (guess < targetNumber) {
- tooLowMessage.style.display = '';
+ tooLowMessage.style.display = "";
} else {
- tooLowMessage.style.display = '';
+ tooLowMessage.style.display = "";
}
const remainingAttempts = maxNumberOfAttempts - attempts;
- numberOfGuessesMessage.style.display = '';
+ numberOfGuessesMessage.style.display = "";
numberOfGuessesMessage.innerHTML = `You guessed ${guess}.
${remainingAttempts} guesses remaining`;
}
- if (attempts ==== maxNumberOfAttempts) {
+ if (attempts === maxNumberOfAttempts) {
submitButton.disabled = true;
guessInput.disabled = true;
}
- guessInput.value = '';
+ guessInput.value = "";
- resetButton.style.display = '';
+ resetButton.style.display = "";
}
function hideAllMessages() {
- for (let elementIndex = 0; elementIndex <= messages.length; elementIndex++) {
- messages[elementIndex].style.display = 'none';
+ for (let elementIndex = 0; elementIndex < messages.length; elementIndex++) {
+ messages[elementIndex].style.display = "none";
}
}
-funtion setup() {
+function setup() {
// Get random number
targetNumber = getRandomNumber(1, 100);
console.log(`target number: ${targetNumber}`);
@@ -81,10 +81,10 @@ funtion setup() {
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();