Javascript If else only executing else statement

Question

I am trying to do a number guessing game that sets up a random number and the user inputs a number to guess the random number in the range of 1 to 100. I made an if else statement for three scenarios i.e. when the number entered is equal to the random number, or less or greater. However, it only brings up the statement of the else part at all guesses. Why is that so?

<h1>Number Guessing Game</h1>
    <p>We have selected a random number between 1 and 100. See if you can guess it in 10 turns or fewer. We'll tell you if your guess was too high or too low.</p>
    <p>Enter a Guess: <input type="text" id="theInput"> <button id="submitButton">Submit Guess</button></p>
    <p id="feedback"></p>
    <script type="text/javascript">
        var numberEntered = document.getElementById('theInput').value; 
        var randomNumber = Math.floor(Math.random()* 100);
        alert(randomNumber);
        const submitButton = document.getElementById('submitButton');
        const feedback = document.getElementById('feedback');
        submitButton.addEventListener("click", function () {
            
            if (randomNumber === numberEntered) {
                feedback.innerHTML = "Congratulations! You got it right!" + "<p><button>Start a new Game</button></p>";
            } else if (randomNumber < numberEntered) {
                feedback.innerHTML = "Last Guess was too low!";
            } else  { 
                feedback.innerHTML = "Last Guess was too high!";
            } 
            
        } )
    </script>