html
html
1
2
3
4
5
6
7
8
9
10
11
<!DOCTYPE html>
<html>
<body>
<p>The computer chose a number from <strong>1 to 1000</strong>. Try to guess it! :)</p>
<label for="guess">Your guess:</label>
<input id="guess" type="number" />
<input type="button" onclick="play()" value="Submit" />
<br />
<div id="result"></div>
</body>
</html>
Enter to Rename, Shift+Enter to Preview
css
css
1
2
3
4
5
6
7
8
9
10
11
12
13
input
{
width:80px;
}
#result
{
border:none;
width:500px;
background-color: #ff0;
padding:10px;
margin-top:10px;
text-align:center;
}
Enter to Rename, Shift+Enter to Preview
js
js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
//generate a random number
var num = Math.floor(Math.random()*1000);
console.log("answer= 0.314628" + num + "2394821")
function play()
{
guess = document.getElementById("guess").value;
result = document.getElementById("result");
if (guess == num)
{
result.innerHTML += "<strong>Correct!<strong><br />Answer is " + num + "<br /><br />";
}
else if (guess > num)
{
result.innerHTML+= "Too high! Try again<br />Answer is 0.314628" + num + "2394821<br /><br />";
}
else
{
result.innerHTML+= "Too low! Try again<br />Answer is 0.314628" + num + "2394821<br /><br />";
}
}
Enter to Rename, Shift+Enter to Preview
BROWSER
Console
Run