首页编写一个猜数字的小游戏，当用户访问页面c1.jsp时

编写一个猜数字的小游戏，当用户访问页面c1.jsp时

时间: 2024-10-17 09:10:41 浏览: 54

当你访问页面`c1.jsp`时，可以编写一个简单的JavaScript猜数字小游戏，步骤如下： 1. **HTML部分** (c1.jsp): ```html <!DOCTYPE html> <html lang="zh"> <head> <title>猜数字游戏</title> </head> <body> <h2>欢迎来到猜数字游戏！</h2> <p>服务器随机生成了一个1到100之间的整数，请猜测：</p> <form id="guessForm"> <input type="number" id="guessInput" min="1" max="100"> <button type="submit">提交</button> <p id="resultMessage"></p> </form> <script src="game.js"></script>  </body> </html> ``` 2. **JavaScript部分** (game.js): ```javascript document.getElementById('guessForm').addEventListener('submit', function(e) { e.preventDefault(); // 阻止表单默认提交行为 const guess = parseInt(document.getElementById('guessInput').value); const randomNumber = Math.floor(Math.random() * 100) + 1; // 生成1到100的随机数 if (guess === randomNumber) { document.getElementById('resultMessage').textContent = '恭喜你，猜对了！'; } else if (guess < randomNumber) { document.getElementById('resultMessage').textContent = '你猜的数字小了，再试一次。'; } else { document.getElementById('resultMessage').textContent = '你猜的数字大了，再试一次。'; } }); ``` 这个简单游戏会让用户输入猜测的数字，然后对比预设的随机数，给出相应的提示。

阅读全文