JSFiddle - React, Tailwind, and code Playground

HTML

<title> JS guessing game </title>

<body>
<strong> Guess a random number </strong>
 <input type="button" value="Play game" onclick="playGame()"/>
 <input type="button" value="New game" onclick="generateRandomNumber()"/>
<br/>
<strong> Your Guesses: </strong>
<div id="yourgueses"></div>

JavaScript

var ranNum;

    function playGame() {

        var answer;
        var found = false;
        var count = 10;
        var guesses = document.getElementById('yourgueses');
        guesses.innerHTML = "";

        while ((count > 0) && (found == false)) {
            answer = prompt("Guess a number between 1 and 50!");
            guesses.innerHTML += answer + " "
            if (answer > ranNum) { alert("Guess lower!"); }
            if (answer < ranNum) { alert("Guess higher!!"); }
            if (answer == ranNum) { alert("Correct!"); fnd = true; }
            count--;
        }
        if (!found) { alert('Too bad, you lose ... The number was ' + ranNum); }
        return found;
    }
    function generateRandomNumber() {
        ranNum = Math.floor(Math.random() * 50) + 1;
    }
    window.onload = function () { generateRandomNumber(); }