HTML 5 Guess The Number Template (WIP)

<!DOCTYPE html>
<html lang="en">
 <head>
  <title>Guess The Number</title>
   <meta charset="utf-8"/>
   <script>
    var Answer = Math.floor(Math.random() * 100);
    var Attempt = 0;
   </script>
 </head>
<body>
<h1>Guess the number</h1>

<label for="Enter Your Guess">Enter your guess:</label> <input type="number" name="Guess" id="Guess" required>
<br>
<br>
 <button onclick="changeText()">Submit Guess</button>  <button onclick="showAnswer()">Show Answer</button>  <button onclick="restart()">Restart</button>

<p>The range of number now is 0 to 99</p>
<script>
 function changeText(){
if (Guess == Answer) {
 document.getElementById("Output").innerHTML = "Congratulations! You guessed the number!";
}else{
 document.getElementById("Output").innerHTML = ("Incorrect Guess!");
 Attempt = Attempt + 1;
 document.getElementById("AttemptCheck").innerHTML = Attempt;
}
}

function showAnswer(){
document.getElementById("AnswerCheck").innerHTML = ("The answer is " + Answer);
}

function restart(){
Answer = Math.floor(Math.random() * 100);
Attempt = 0;
document.getElementById("AnswerCheck").innerHTML = "";
document.getElementById("AttemptCheck").innerHTML = Attempt;
}
</script>

<p>Message:</p>

<div id="Output">No message at the moment.</div>

<p>Attempts:</p>

<div id="AttemptCheck">0</div>

<p>Answer:</p>

<div id="AnswerCheck"></div>

</body>
</html>