Source code for Hot or Cold Game

Source code for Hot or Cold game

<!DOCTYPE html>
<html language = "en-US"> 
<head>
<title> Hot or Cold </title>
<meta name="description" content="Hot or Cold Game">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta charset="utf-8">

function inc(){
ask1.innerHTML = "Guess a number between 1 and 100,000 hit enter "; 
document.getElementById("button").style.display="none";
document.getElementById("ans").style.display = "initial";
document.getElementById("ans").value = null;
document.getElementById("ans").focus();
one.innerHTML ="";
}

function fnc1(){
p = document.getElementById("ans").value;parseInt(p);
document.getElementById("ans").focus();
document.getElementById("ans").value =null;
a = Math.abs(p - x);

if (p > x && a > 20){
document.getElementById("ask1").innerHTML = "cold lower";
t++;
}

if (p > x && a < 21){
document.getElementById("ask1").innerHTML = "warm lower";
t++;
}

if (p > x && a < 6){
document.getElementById("ask1").innerHTML = "hot lower";
t++;
}

if ( p < x && a > 20){
document.getElementById("ask1").innerHTML = "cold higher";
t++;
}

if (p < x && a < 21){
document.getElementById("ask1").innerHTML = "warm higher";
t++;
}

if (p < x && a < 6){
document.getElementById("ask1").innerHTML = "hot higher";
t++;
}

if  (p == x){
document.getElementById("ask1").innerHTML = ("Got it in " + t + " tries!");
document.getElementById("ans").disabled = true;
}

three.innerHTML = ("You entered " + p);
four.innerHTML = ("Attempts = " + t);

if (p == x && t > 25){
two.innerHTML = "(not very impressive though)";
}

if (p == x && t < 16){
two.innerHTML = "(Very impressive!)";
}
}
</script>
</head>
<body style = "font-family: Helvetica; font-size:20px;">

<h1 id = "top" style = "text-align:center;color:steelblue;">Hot or Cold</h1>
<p id = "ask1" style="font-size:30px;text-align:center"></p>
<div style="text-align:center;">
<input type="text"  style="display:none" id = "ans" onChange="fnc1()">
<button class="button" id = "button" type="button" onclick="inc()">start</button> 
</div>
<p id = "one" style="font-size:20px;text-align:center" >Hit start to generate random number...</p>
<p id = "two" style="font-family:ariel;font-size:15px;text-align:center"></p>
<p id = "three" style="font-size:15px;text-align:center"></p>
<p id = "four" style="font-size:20px;text-align:center"></p>
 
</body> 
</html>