console 命令行工具 X clear
console
<!doctype html>
<html lang="en">

<head>
	<!-- Required meta tags -->
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

	<!-- Material Design for Bootstrap CSS -->
	<link rel="stylesheet" href="https://unpkg.com/bootstrap-material-design@4.1.1/dist/css/bootstrap-material-design.min.css"
	 integrity="sha384-wXznGJNEXNG1NFsbm0ugrLFMQPWswR3lds2VeinahP8N0zJw9VWSopbjv2x7WCvX" crossorigin="anonymous">
	<link rel="stylesheet" href="style.css" crossorigin="anonymous">
	<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN"
	 crossorigin="anonymous">
	</script>
	<script src="https://unpkg.com/popper.js@1.12.6/dist/umd/popper.js" integrity="sha384-fA23ZRQ3G/J53mElWqVJEGJzU0sTs+SvzG8fXVWP+kJQ1lwFAOkcUOysnlKJC33U"
	 crossorigin="anonymous">
	</script>
	<script src="https://unpkg.com/bootstrap-material-design@4.1.1/dist/js/bootstrap-material-design.js" integrity="sha384-CauSuKpEqAFajSpkdjv3z9t8E7RlpJ1UP0lKM/+NdtSarroVKu069AlsRPKkFBz9"
	 crossorigin="anonymous">
	</script>

	<title>猜数字游戏</title>
	<script>
		var realNum=0;
function resetGame(){
    $("#viewstart").show();
    $("#viewgame").hide();
}

function StartGame(){
    realNum=Math.ceil(Math.random()*100);
    console.log(realNum);
    $("#viewstart").hide();
    $("#viewgame").show();
}

 $(document).ready(function() {
    resetGame();
     $("#start").click(function(){
        StartGame();
     });
     $("#guess").click(function(){
         var guessNum=$("#number").val();
         if(guessNum>realNum){
             $("#img").attr("src","https://i.loli.net/2020/09/30/gwJDvGhOAVmzi8M.jpg");
         }
         else if (guessNum<realNum){
                $("#img").attr("src","https://i.loli.net/2020/09/30/74EzrscWVqHpGKN.jpg");
         
         }
         else{
              $("#img").attr("src","https://i.loli.net/2020/09/30/Vzl9xC7cTqRofLQ.jpg");
             resetGame();
         }
     });
 });
	</script>
</head>

<body>

	<div>
		<img id="img" height="250px" width="250px" src="https://i.loli.net/2020/09/30/7Wz34X16h9YqTwb.png" alt="">
    </div>

<div   id="viewstart">
    <button id="start">开始游戏</button>
    </div>
<div  id="viewgame">
<div>
    <span>请输入0到100之间的整数</span>
</div>
<input id="number" /> <button  id="guess">猜</button>

</div>

  </body>
</html>