首页编写一段益智类网页小游戏代码

编写一段益智类网页小游戏代码

时间: 2024-01-29 07:04:46 浏览: 119

好的，请稍等，下面是一段简单的益智类网页小游戏代码： ```html <!DOCTYPE html> <html> <head> <title>益智游戏</title> <style> /* 样式 */ body { font-family: Arial, sans-serif; font-size: 16px; line-height: 1.5; text-align: center; background-color: #f2f2f2; } h1 { font-size: 36px; margin-top: 50px; margin-bottom: 30px; } button { padding: 10px 20px; font-size: 18px; border-radius: 5px; background-color: #4CAF50; color: #fff; border: none; cursor: pointer; } button:hover { background-color: #green; } span { display: inline-block; font-size: 24px; font-weight: bold; margin-top: 50px; } </style> </head> <body> <h1>益智游戏</h1> <button onclick="start()">开始游戏</button> <p id="message"></p> <span id="result"></span> <script> // 游戏逻辑 var targetNumber = Math.floor(Math.random() * 100) + 1; // 生成目标数 var guessCount = 0; function start() { var guessNumber = prompt("请输入一个1到100之间的整数："); // 提示用户猜测数字 if (guessNumber == null) { return; } guessNumber = parseInt(guessNumber); guessCount++; if (guessNumber < targetNumber) { document.getElementById("message").innerHTML = "你猜低了！"; start(); } else if (guessNumber > targetNumber) { document.getElementById("message").innerHTML = "你猜高了！"; start(); } else { var result = "恭喜你猜对了！"; if (guessCount == 1) { result += " 你用了1次猜出答案，太厉害了！"; } else { result += " 你一共猜了" + guessCount + "次。"; } document.getElementById("result").innerHTML = result; } } </script> </body> </html> ``` 这是一个猜数字的简单游戏。用户输入一个 1 到 100 之间的整数，程序会告诉用户猜测的数字是否偏小或偏大，直到猜对为止。猜对后会显示提示语和猜的次数。

阅读全文