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 guess; // 游戏循环，直到猜对为止 while (true) { // 弹窗输入猜测的数字 guess = prompt("请输入你猜测的数字（1-100）:"); // 将输入转化为整数 guess = parseInt(guess, 10); // 检查输入是否有效 if (isNaN(guess) || guess < 1 || guess > 100) { alert("输入无效，请输入1到100之间的数字。"); continue; } // 根据猜测结果给出提示 if (guess > targetNumber) { alert("猜大了！"); } else if (guess < 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. 判断结果：根据用户输入的数字与目标数字比较，给出“猜大了”、“猜小了”或“猜对了”的提示。 5. 游戏循环：使用 `while (true)` 循环不断要求用户输入，直到猜对数字为止。额外需要注意的逻辑点： 1. 用户体验：在实际应用中，可以考虑使用HTML表单和按钮代替 `prompt()` 来提升用户体验。 2. 错误处理：可以添加更多的错误处理逻辑，比如限制用户输入次数或防止恶意输入。 3. 代码复用：可以将游戏逻辑封装成函数，以便在其他项目中复用。 ######[AI写代码神器 | 646点数解答 | 2025-03-26 14:49:43]

服务商

更多选项

快捷项

自定义

JS实现猜数字游戏：弹窗输入，1 - 100随机挑战，教你轻松上手！