console.

log("Hello");
let inputNum = document.getElementById("GuessNumber");
let submitBtn = document.getElementById("submitButton");
let StartBtn = document.getElementById("startBtn");
let restart = document.querySelectorAll(".restart");
let retry = document.getElementById("retry");
let storeRanNumber;
let counter = 3;
let inputValue;

StartBtn.addEventListener("click", () => {
storeRanNumber = Math.floor(Math.random() * 100 + 1);
console.log(storeRanNumber);
})

function greenPart() {
document.querySelector(".rightGuess").style.display = "flex"
}
function wrongPart() {
document.querySelector(".wrongGuess").style.display = "flex"
}

function mainGame() {
inputValue = parseInt(inputNum.value);
if (isNaN(inputValue)) {
console.log("isNAN");
}
if (inputValue === storeRanNumber) {
console.log("Same");
greenPart();

} else {
console.log("Not same");
wrongPart()
}
}

submitBtn.addEventListener("click", () => {
mainGame();
inputValue = parseInt(inputNum.value);
counter = counter - 1;
document.querySelector(".counter").innerHTML = "No. of Guess Left: " +
counter;

let diff = document.querySelector(".diff");

if (inputValue < 0 || inputValue > 100) {
 diff.innerHTML = "Your Guess Should Be Between 1 To 100 Only";
} else if (inputValue < storeRanNumber) {
diff.innerHTML = "Your Guess is Low";
} else if (inputValue > storeRanNumber) {
diff.innerHTML = "Your Guess is High";
}else {
diff.innerHTML = "Please Submit Your Guess";
}

})

restart.forEach((obj => {
obj.addEventListener("click", () => {
location.reload();
})
}))

retry.addEventListener("click", () => {
let display = document.querySelector(".wrongGuess");
if (display.style.display = "flex") {
display.style.display = "none"
}
})