剪刀石头布,是一种非常经典的游戏,我们可以通过HTML代码实现它。具体的实现方式如下:
<!DOCTYPE html> <html> <head> <title>剪刀石头布游戏</title> <style> button { font-size: 16px; padding: 10px 20px; margin-right: 10px; } </style> </head> <body> <h1>剪刀石头布游戏</h1> <p>请选择你要出的手势:</p> <button id="scissors">剪刀</button> <button id="rock">石头</button> <button id="paper">布</button> <p>系统出的手势是:</p> <p id="computer" style="font-size: 24px; font-weight: bold;"></p> <p>结果是:</p> <p id="result" style="font-size: 24px; font-weight: bold;"></p> <script> var player; document.getElementById('scissors').onclick = function() { player = 'scissors'; play(); } document.getElementById('rock').onclick = function() { player = 'rock'; play(); } document.getElementById('paper').onclick = function() { player = 'paper'; play(); } function play() { var computer = Math.floor(Math.random() * 3); if (computer == 0) { document.getElementById('computer').innerHTML = '剪刀'; if (player == 'scissors') { document.getElementById('result').innerHTML = '平局'; } else if (player == 'rock') { document.getElementById('result').innerHTML = '你赢了'; } else { document.getElementById('result').innerHTML = '你输了'; } } else if (computer == 1) { document.getElementById('computer').innerHTML = '石头'; if (player == 'scissors') { document.getElementById('result').innerHTML = '你输了'; } else if (player == 'rock') { document.getElementById('result').innerHTML = '平局'; } else { document.getElementById('result').innerHTML = '你赢了'; } } else { document.getElementById('computer').innerHTML = '布'; if (player == 'scissors') { document.getElementById('result').innerHTML = '你赢了'; } else if (player == 'rock') { document.getElementById('result').innerHTML = '你输了'; } else { document.getElementById('result').innerHTML = '平局'; } } } </script> </body> </html>
在这个代码中,我们使用了HTML的基本语法和JavaScript的条件语句。当用户点击剪刀、石头或布时,会触发程序中的play()函数。这个函数会随机产生一个0到2之间的整数,代表系统出的手势。然后判断玩家的手势和系统的手势之间的胜负关系,最终输出结果。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。