javascript - 我在 jQuery 中的剪刀石头布程序只在平局时返回结果

标签 javascript jquery html css

<分区>


想改进这个问题吗? 通过 editing this post 添加细节并澄清问题.

关闭 7 年前

这是我在 CodePen 上制作的笔的链接:http://codepen.io/PartTimeCoder/pen/KzQQvM?editors=0010

我的 Javascript,问题一定出在 $("img").click() 函数底部的 if 命令中:

$("img").click(function() {
    var user;
    user = this.id;

    var computer = Math.random();

    if (computer <= 0.33) {
        computer = "Rock"
    } else if (computer <= 0.67) {
        computer = "Scissors"
    } else {
        computer = "Paper"
    }

    $(".cpu").html("The computer chose - " + computer);
    $(".you").html("You chose - " + user);
    $(".result").html("");

    if (computer == user) {
        $(".result").html("It's a tie!");
    }
    if (user == "paper") {
        if (computer == "rock") {
            $(".result").html("You win!");
        } else {
            $(".result").html("You lose!");
        }
    }

    if (user == "rock") {
        if (computer == "scissors") {
            $(".result").html("You win!");
        } else {
            $(".result").html("You lose!");
        }
    }

    if (user == "scissors") {
        if (computer == "paper") {
            $(".result").html("You win!");
        } else {
            $(".result").html("You lose!");
        }
    }
});

最佳答案

您的 ID 是大写的,但您试图匹配小写。更改代码或标记。

例如,rock 的 id 是 Rock,但您的逻辑试图匹配 user == 'rock'。如果您将 id 更改为 rock,您的代码应该可以正常工作。您需要为每个 id 重复此操作,即石头、布和剪刀。

关于javascript - 我在 jQuery 中的剪刀石头布程序只在平局时返回结果,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36561199/

上一篇:html - 如何让两个导航栏一个接一个地保持静态并吸附到顶部?

下一篇:javascript - 动态垂直对齐文本

相关文章:

javascript - 这个 Oauth 请求中我的 JSON 有什么问题?

javascript - 将动态生成的对象数组传递给 onclick 处理程序

html - 如何在 Flexbox 布局中实现列表元素的自动换行

html - Divs 不会保留内联 chrome 扩展

javascript - 根据条件需要表单元素 (Happy.js)

javascript - 删除数据后更新对象的对象

Javascript导出本地存储

javascript - 为什么我的图像与我的其他图像 HTML 不对齐

javascript - console.trace 或堆栈跟踪来查明 javascript 中错误的来源?

html - 将 Font Awesome 替换为悬停时的图像