首页html使用 JavaScript做一个猜谜语游戏

html使用 JavaScript做一个猜谜语游戏

时间: 2024-01-24 07:05:14 浏览: 112

好的，下面是一个简单的猜谜语游戏的HTML页面和JavaScript代码： ```html <!DOCTYPE html> <html> <head> <title>猜谜语游戏</title> </head> <body> <h1>猜谜语游戏</h1> <p id="riddle"></p> <input type="text" id="answer"> <button onclick="checkAnswer()">提交答案</button> <script> var riddles = [ {question: "什么东西有头又有尾，最好不要吃它的尾巴", answer: "鱼"}, {question: "什么东西一吃就哭？", answer: "洋葱"}, {question: "什么东西走了还能走？", answer: "路"}, {question: "什么东西越洗越脏？", answer: "水"} ]; var riddleIndex = Math.floor(Math.random() * riddles.length); var currentRiddle = riddles[riddleIndex]; document.getElementById("riddle").innerHTML = currentRiddle.question; function checkAnswer() { var answer = document.getElementById("answer").value; if (answer.toLowerCase() == currentRiddle.answer.toLowerCase()) { alert("恭喜你，回答正确！"); } else { alert("回答错误，请再试一次。"); } } </script> </body> </html> ``` 这个页面包括一个标题、一个谜语问题、一个输入框和一个提交按钮。当页面加载时，JavaScript代码会随机选择一个谜语，并在页面上显示问题。当用户输入答案并点击提交按钮时，JavaScript代码将检查答案是否正确，并显示相应的提示消息。注意，这只是一个简单的示例，还有很多可以改进的地方。例如，你可以添加更多的谜语，给用户更多的尝试机会，添加计分系统等等。

阅读全文