js实现剪刀石头布页面小游戏

最新推荐文章于 2024-04-03 14:32:47 发布

原创

最新推荐文章于 2024-04-03 14:32:47 发布 · 4.7k 阅读

12 ·

CC 4.0 BY-SA版权

本文将介绍如何利用JavaScript编程实现一个经典的剪刀石头布网页小游戏。内容包括游戏逻辑设计、用户交互处理以及结果判定等关键部分，旨在帮助初学者理解JavaScript在网页互动应用中的实践。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    <script>
        //玩家的选择
        var player = prompt('请输入您的选择？（剪刀，石头，步）');
        //电脑的选择
        var com = parseInt(Math.random()*3);
        //把随机数0,1,2显示成剪刀石头布
        switch (com) {
            case 0:
                com = "剪刀";
                break;
            case 1:
                com = "石头";
                break;
            case 2:
                com = "布";
                break;
            default:
                com = "剪刀";
                break;
        }
        //结果
        var result;
        //选择的结果
        if (player == "剪刀" && com == "布" || player == "石头" && com == "剪刀" ||player == "布" &&