Logic.js

let cnum = Math.floor(Math.random() * 100) + 1;
let attempt = 0;
let attemptData = document.getElementById("Attempt");
let userinp = document.getElementById("inp");
let subBtn = document.getElementById("submit");
let resBtn = document.getElementById("resBtn");
let message = document.getElementById("msg");

function check() {
    let usernum = parseInt(userinp.value);

    if (isNaN(usernum) || usernum < 1 || usernum > 100) {
        message.innerHTML = "Please enter a number between 1 and 100!";
        message.style.color = "orange";
        return;
    }

    if (cnum === usernum) {
        message.innerHTML = "Congratulations, you have guessed the number!";
        message.style.color = "green";
        resBtn.style.display = "block";
        subBtn.disabled = true;
    } else if (cnum < usernum) {
        message.innerHTML = "Too high! Try again.";
        message.style.color = "red";
    } else {
        message.innerHTML = "Too low! Try again.";
        message.style.color = "red";
    }

    attempt++;
    attemptData.innerHTML = attempt;

    userinp.value = "";
    userinp.focus();
}

function restart() {
    cnum = Math.floor(Math.random() * 100) + 1;
    attempt = 0;
    attemptData.innerHTML = attempt;
    resBtn.style.display = "none";
    subBtn.disabled = false;
    message.innerHTML = "";
    userinp.value = "";
    userinp.focus();
}

subBtn.addEventListener("click", check);
resBtn.addEventListener("click", restart);