I am writing a simple game and can't understand why my if block doesn't work. When I click button check it executes just first if statement block, please could you help my to understand why. Here is my code.

const checkBtn = document.querySelector(".check");
const guessInput = Number(document.querySelector(".guess").value);
const againBtn = document.querySelector(".again");
const message = document.querySelector(".message");
let randomNumber = Math.floor(Math.random() * 20 + 1);
const secretNumber = document.querySelector(".secret-number");
console.log(randomNumber);

secretNumber.textContent = randomNumber;

checkBtn.addEventListener("click", function () {
  if (!guessInput) {
    message.textContent = "No Number!";
    console.log("no number");
  } else if (guessInput === randomNumber) {
    message.textContent = "Correct!";
    console.log("correct");
  } else if (guessInput > randomNumber) {
    message.textContent = "Too high!";
    console.log("too high");
  } else if (guessInput < randomNumber) {
    message.textContent = "Too low";
    console.log("too low");
  }
});

Thanks in advance!!