用 JS 实现网页猜数字游戏：1 - 100 随机数等你挑战！ - AI写代码神器

以下是一个使用JavaScript在网页中实现“数字”猜数字游戏的代码示例。这个示例使用了弹窗来进行用户交互，并根据用户的输入给出相应的提示。 ```html <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>数字游戏</title> <script> function startGame() { // 生成1到100之间的随机整数 var targetNumber = Math.floor(Math.random() * 100) + 1; var userGuess; while (true) { // 弹窗提示用户输入猜测的数字 userGuess = prompt("请输入1到100之间的数字："); // 将用户输入转换为整数 userGuess = parseInt(userGuess, 10); // 检查输入是否为有效数字 if (isNaN(userGuess) || userGuess < 1 || userGuess > 100) { alert("输入无效，请输入1到100之间的整数。"); continue; } // 判断用户输入与目标数字的大小关系 if (userGuess > targetNumber) { alert("猜大了！"); } else if (userGuess < targetNumber) { alert("猜小了！"); } else { alert("猜对了！"); break; } } } // 在页面加载完成后启动游戏 window.onload = startGame; </script> </head> <body> <h1>欢迎来到数字游戏！</h1> </body> </html> ``` 代码说明： 1. 生成随机数：使用`Math.random()`生成一个0到1之间的浮点数，然后乘以100并取整，最后加1，得到一个1到100之间的随机整数。 2. 用户输入：使用`prompt()`函数获取用户的输入，并将其转换为整数。 3. 输入验证：检查用户输入是否为有效数字且在1到100之间，如果不是则提示用户重新输入。 4. 判断逻辑：使用`if-else if-else`语句判断用户输入的数字与目标数字的大小关系，并给出相应的提示。 5. 循环继续游戏：使用`while (true)`循环，直到用户猜中数字为止。额外需要注意的逻辑点： 1. 用户体验：可以考虑增加一些提示，比如最多允许用户猜测的次数，以避免无限循环。 2. 输入方式：可以改用HTML表单和按钮来替代`prompt()`，以提升用户体验和交互性。 3. 代码封装：可以将游戏逻辑封装成一个函数，以便在需要时重新启动游戏，或者在不同的页面上复用。 ######[AI写代码神器 | 653点数解答 | 2025-03-26 14:39:33]

服务商

更多选项

快捷项

自定义

用 JS 实现网页猜数字游戏：1 - 100 随机数等你挑战！