JSFiddle - React, Tailwind, and code Playground

HTML

<h1>The Guesssing Game</h1> Pick a number between 1 and 1000:
<input id="myAssumption" type="text" />
<input type="submit" id="byBtn" onclick="checkMyAnswer()" value="Click To See If your Correct" />

JavaScript

var numberOfSteps = 1;

function checkMyAnswer() {
  var actual = Math.floor(Math.random() * 1000) + 1;
	var myAnswer = document.getElementById("myAssumption").value; //getting user value

  if (myAnswer < actual) { //checking less tha answer
    alert("Guessed " + myAnswer + " too low");
    numberOfSteps++;
  } else if (myAnswer > actual) { //checking grater than answer
    alert("Guessed " + myAnswer + " too high");
    numberOfSteps++;
  } else { //you got answer
    alert("Guessed " + myAnswer + " Got it!!");
    alert("It tool " + numberOfSteps + " steps");
  }
}