要求：
在输入框中输入你猜的数字，
然后会和系统里随机的数字进行比较返回比较结果，
如果你手动输入的数字比随机的数字大，
会在页面里输出“猜大了”,若比随机数字小，会在页面里输出"猜小了"，
否则，就是"猜对了"，会出现对应提醒。如果猜对的话，会出现之前隐藏的一个按钮，
提醒你是否继续游戏，点击代表继续游戏，小按钮也会消失。
html代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<div id="first"></div>
<input type="text" id="second" placeholder="请输入你所猜到的数字">
<button onclick="get()">猜一猜</button>
<button id="third" onclick="get1()" style="display: none">恭喜你，再来一次</button>
<script>
var _first=document.getElementById("first");
var _second=document.getElementById("second");
var _third=document.getElementById("third");
c = Math.floor(Math.random() * 10);
console.log(c);
function get(){
if(_second.value==c){
_first.innerHTML="恭喜你猜对了";
_third.style.display="block";
}else if(_second.value>c){
_first.innerHTML="猜大了";
}else{
_first.innerHTML="猜小了";
}
}
function get1(){
_first.innerHTML="";
_second.value="";
c = Math.floor(Math.random() * 10);
console.log(c);
_third.style.display="none";
}
</script>
</body>
</html>
为了方便观察生成的随机数，我们特意添加了在控制台输出生成的随机数，同时也可以更改随机数的范围，增加趣味性。
结果展示：
本文转载自: https://blog.csdn.net/qq_69555866/article/details/125286714
版权归原作者 意中人Crush 所有， 如有侵权，请联系我们删除。
版权归原作者 意中人Crush 所有， 如有侵权，请联系我们删除。