html写的小游戏代码

HTML是一种网页设计语言，它可以用于创建各种网站和应用程序。除了创建文本和图像，HTML还可以用来创建一些很有趣的小游戏。下面我们就来看一下HTML写的一个石头剪刀布小游戏：

!DOCTYPE html>
    html lang="en">
    head>
        meta charset="UTF-8">
        title>
    石头剪刀布小游戏/title>
    /head>
    body>
        h1>
    石头剪刀布/h1>
        p>
    请选择你的手势：/p>
        button onclick="play('rock')">
    石头/button>
        button onclick="play('scissors')">
    剪刀/button>
        button onclick="play('paper')">
    布/button>
        p id="result">
    /p>
        script>
        function play(user_choice) {
                var computer_choice = Math.random();
            if (computer_choice  0.34) {
                    computer_choice = "rock";
            }
 else if (computer_choice = 0.67) {
                    computer_choice = "scissors";
            }
 else {
                    computer_choice = "paper";
            }
                var result = "";
            if (computer_choice == user_choice) {
                    result = "平局！";
            }
     else if (user_choice == "rock" &
    &
     computer_choice == "scissors" || user_choice == "scissors" &
    &
     computer_choice == "paper" || user_choice == "paper" &
    &
 computer_choice == "rock") {
                    result = "恭喜你，你赢了！";
            }
 else {
                    result = "很遗憾，你输了。";
            }
                document.getElementById("result").innerHTML = "你选择的是：" + user_choice + "，电脑选择的是：" + computer_choice + "，" + result;
        }
        /script>
    /body>
    /html>
    

在上面的代码中，我们定义了一个play函数来模拟游戏过程。当我们点击石头、剪刀或布按钮时，JavaScript会随机生成电脑的选择，并将结果显示在页面上。

通过使用HTML、CSS和JavaScript，我们可以很容易地创建各种有趣的小游戏。如果你对网页设计和游戏开发感兴趣，那么学习HTML将是一个不错的选择。

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