JSFiddle - React, Tailwind, and code Playground

HTML

<h3>JavaScript Guessing Game</h3>

        <p>Welcome to the guessing game. I'll pick up the number between 1 and 100 and you try to guess
        what it is. You Get 7 tries.<p>

        <p id="guess"></p>
        <p id="guessed"></p>
        <p id="small"></p>
        <p id="big"></p>
        <p id="times"></p>
            
        <input type="button" onclick="startGame();" value="Start the game">

JavaScript

function startGame() 
{
            number = Math.round((Math.random() * 999))+ 1;
            counter = 0;
            do
                {
                counter++;

                guess = prompt("What's your guess?");
                document.getElementById("guess").innerHTML = ("Guess #"+counter+" was "+guess );
                

                if (guess == number) {
                    
                    document.getElementById("guessed").innerHTML = ("You guessed it! You Won!");
                    }
                else  {
                    if (guess < number)  {
                       
                        document.getElementById("small").innerHTML = ("Too small, guess again.");
                        }
                    else  {
                     
                        document.getElementById("big").innerHTML = ("Too big, guess again.");
                        }
                    }


                } while (counter <7 && guess != number);

            if (guess != number) {
                    document.getElementById("times").innerHTML = (document.getElementById("times").innerHTML + "<br>I won in 7 times - the number was " + number);
                    }
}
//startGame()