Simple HTML Number Guessing Game

<p>Guess the number between 1 and 10</p>

<input type="number" id="guess-input">
<button onclick="checkGuess()">Guess</button>

<p id="result"></p>

<script>
    const randomNumber = Math.floor(Math.random() * 10) + 1;
    let guesses = 0;

    function checkGuess() {
        const userGuess = document.getElementById('guess-input').value;
        guesses++;

        if (userGuess == randomNumber) {
            document.getElementById('result').innerHTML = 'You guessed right! It took you ' + guesses + ' guesses';
        } else {
            document.getElementById('result').innerHTML = 'Wrong guess! Try again';
        } 
    }
</script>