html代码实现剪刀石头布

剪刀石头布，是一种非常经典的游戏，我们可以通过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之间的整数，代表系统出的手势。然后判断玩家的手势和系统的手势之间的胜负关系，最终输出结果。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！