首页你是一个高级程序员，请用html5帮我写一个简易的猜拳游戏页面，代码50行左右

你是一个高级程序员，请用html5帮我写一个简易的猜拳游戏页面，代码50行左右

时间: 2024-02-19 21:03:30 浏览: 66

好的，以下是一个简单的猜拳游戏页面的HTML和JavaScript代码： ```html <!DOCTYPE html> <html> <head> <title>猜拳游戏</title> </head> <body> <h1>猜拳游戏</h1> <p>请选择出什么拳：</p> <button id="rock">石头</button> <button id="paper">布</button> <button id="scissors">剪刀</button> <p id="result"></p> <script> // 用一个数组来代表石头、布、剪刀 const choices = ["石头", "布", "剪刀"]; // 为每个按钮添加点击事件 document.getElementById("rock").addEventListener("click", function() { play(0); }); document.getElementById("paper").addEventListener("click", function() { play(1); }); document.getElementById("scissors").addEventListener("click", function() { play(2); }); // 游戏逻辑 function play(playerChoice) { // 随机生成电脑的选择 const computerChoice = Math.floor(Math.random() * choices.length); // 判断胜负 if (playerChoice === computerChoice) { document.getElementById("result").innerHTML = "平局！"; } else if ((playerChoice + 1) % choices.length === computerChoice) { document.getElementById("result").innerHTML = "你输了！"; } else { document.getElementById("result").innerHTML = "你赢了！"; } } </script> </body> </html> ``` 这个页面中有三个按钮用来选择出什么拳，点击按钮后会触发相应的函数，随机生成电脑的选择，并根据规则判断胜负，最后将结果显示在页面上。这个页面只是一个简单的示例，可以根据实际需求进行扩展。

阅读全文