javascript - 石头、布、剪刀、蜥蜴、史波克-6ren

javascript - 石头、布、剪刀、蜥蜴、史波克

转载作者：行者123 更新时间：2023-12-03 08:17:51

26

4

我做错了什么？代码的前 2 部分有效，当它可以链接到 jpg 时图片就会显示，但我也希望屏幕显示谁获胜。

<html> <body>
<html>
<H1>Choose Wisely...</H1>
<img src="RockPaperScissorsLizardSpock2.jpg" id="bg" alt="">

<title>Rock, Paper, Scissors, Lizard, Spock</title> 
</head>
<body>
<h2><p>Your Choice:</p>
<form action="form_action.asp">
  <input type="radio" name="userchoice" id="Rock" onclick="myFunction(this.value)" >Rock<br>
  <input type="radio" name="userchoice" id="Paper" onclick="myFunction(this.value)" >Paper<br>
  <input type="radio" name="userchoice" id="Scissors" onclick="myFunction(this.value)" >Scissors<br>
  <input type="radio" name="userchoice" id="Lizard" onclick="myFunction(this.value)" >Lizard <br>
  <input type="radio" name="userchoice" id="Spock" onclick="myFunction(this.value)" >Spock<br><br>
</form>

<h2> Computer Choice: <p id="computer"></p>
<p id="compare"></p></h2>

<script>
function myFunction() {
    var computer = Math.floor((Math.random() * 5)+1); 
    if (computer == 1) {computer = "Rock";
}
else if (computer == 2) {computer = "Paper";
}
else if (computer == 3) {computer = "Scissors";
}
else if (computer == 4) {computer = "Lizard";
}
else if (computer == 5) {computer = "Spock";
}
    document.getElementById("computer").innerHTML = computer;}
</script>
<script>
var compare = function (choice1,choice2);
{
    if (choice1 === choice2)
    {
        result "Draw, try again!";
    }
    else
    {
        if(choice1 === "Rock")
        {
            if(choice2 === "Paper")
            {
            result ("Paper covers Rock. You lose.");
        }
        else if(choice2 === "Scissors")
        {
            result ("Rock crushes Scissors. You win.");
        }
        else if(choice2 === "Lizard")
        {
            result ("Rock smashes Lizard. You win.");
        }
        else if(choice2 === "Spock")
        {
            result ("Spock vaporizes Rock. You lose.");
        }
    }
    }
    else
    {
    if(choice1 === "Paper")
        {
        if(choice2 === "Rock")
        {
           return "Paper covers Rock. You Win.";
        }
        else if(choice2 === "Scissors")
        {
            return "Scissors cut Paper. You lose.";
        }
        else if(choice2 === "Lizard")
        {
            return "Lizard eats Paper. You lose.";
        }
        else if(choice2 === "Spock")
        {
            return "Paper disproves Spock. You Win.";
        }
    }
    }
    else
    {
        if(choice1 === "Scissors")
        {
        if(choice2 === "Rock")
        {
           return "Rock beats Scissors. You lose.";
        }
        if(choice2 === "Paper")
        {
           return "Scissors cut Paper. You win.";
        }
        else if(choice2 === "Lizard")
        {
            return "Scissors decapitate Lizard. You win.";
        }
        else if(choice2 === "Spock")
        {
            return "Spock smashes Scissors. You lose.";
        }
    }
    }
    else
    {
        if(choice1 === "Lizard")
        {
        if(choice2 === "Rock")
        {
           return "Rock smashes Lizard. You lose.";
        }
        if(choice2 === "Paper")
        {
           return "Lizard eats Paper. You win.";
        }
        else if(choice2 === "Scissors")
        {
            return "Scissors decapitate Lizard. You lose.";
        }
        else if(choice2 === "Spock")
        {
            return "Lizard poisons Spock. You win.";
        }
    }
    }
    else
    {
        if(choice1 === "Spock")
        {
        if(choice2 === "Rock")
        {
           return "Spock vaporizes Rock. You win.";
        }
        if(choice2 === "Paper")
        {
           return "Paper disproves Spock. You lose.";
        }
        else if(choice2 === "Lizard")
        {
            return "Lizard poisons Spock. You lose.";
        }
        else if(choice2 === "Scissors")
        {
            return "Spock smashes Scissors. You win.";
        }
                }
                }
                };
    compare(id,computer);

我已经尝试过console.log(compare(id,computer))和document.getElementById("compare").innerHTML = compare;}都不起作用

还尝试将 id 更改为整数并添加

function myFunction(myText) {
    if computer == 1 and id == 1{
        document.getElementById("myText").value = "Rock vs Rock, Stalemate!"}
    else if computer == 1 and id == 2{
        document.getElementById("myText").value = "Paper Covers Rock,Loser!"}
    else if computer == 1 and  id == 3{
        document.getElementById("myText").value = "Rock Crushes Scissors, Winner!"}
    else if computer == 1 and id == 4{
        document.getElementById("myText").value = "Rock Crushes Lizard, Winner!"}
    else if computer == 1 and  id == 5{
        document.getElementById("myText").value = "Spock Vaporizes Rock, Loser!"}
}
</script>

最佳答案

Plunkr Demo

大多数信息都添加在代码下面的注释中。

您的代码存在多个问题，主要是您处理 else if 的方式。请注意，下面的代码写得仍然很差，可以优化。

您还调用了 compare(id, computer) 但 id 未定义。此外，您还传递了单选按钮的 this.value onclick，但这不起作用，因为所有这些按钮的值都是 on，这会更改为 this.id 下面，因为它将传递预期值。

HTML

<!DOCTYPE html>
<html>

<head>
  <link rel="stylesheet" href="style.css">
  <script src="script.js"></script>
  <title>Rock, Paper, Scissors, Lizard, Spock</title>
</head>

<body>
  <!-- moved from head to body -->
  <H1>Choose Wisely...</H1>
  <!-- moved from head to body -->
  <img src="RockPaperScissorsLizardSpock2.jpg" id="bg" alt="">
  <!-- changed <p> to <div> added </h2> to the end -->
  <h2><div>Your Choice:</div></h2>
  <form action="form_action.asp">
    <input type="radio" name="userchoice" id="Rock" value="1" onclick="myFunction(this.id)">Rock
    <br>
    <input type="radio" name="userchoice" id="Paper" value="2" onclick="myFunction(this.id)">Paper
    <br>
    <input type="radio" name="userchoice" id="Scissors" value="3" onclick="myFunction(this.id)">Scissors
    <br>
    <input type="radio" name="userchoice" id="Lizard" value="4" onclick="myFunction(this.id)">Lizard
    <br>
    <input type="radio" name="userchoice" id="Spock" value="5" onclick="myFunction(this.id)">Spock
    <br>
    <br>
  </form>

  <!-- changed <p> to <div> -->
  <h2>Computer Choice: <div id="computer"></div>
<div id="compare"></div></h2>
</body>

</html>

JS

// Code goes here

function myFunction(value) {
  var computer = Math.floor((Math.random() * 5) + 1);
  if (computer == 1) {
    computer = "Rock";
  } else if (computer == 2) {
    computer = "Paper";
  } else if (computer == 3) {
    computer = "Scissors";
  } else if (computer == 4) {
    computer = "Lizard";
  } else if (computer == 5) {
    computer = "Spock";
  }

  document.getElementById("computer").innerHTML = computer;
  //added compare call and updating the innerHTML of the compare id DOM object
  document.getElementById("compare").innerHTML = compare(value, computer);
}

var compare = function(choice1, choice2) {
  if (choice1 === choice2) {
    // changed to return
    return "Draw, try again!";
  } 
  //changed to else if instead of else {
  else if (choice1 === "Rock") {
    if (choice2 === "Paper") {
      return "Paper covers Rock. You lose.";
    } else if (choice2 === "Scissors") {
      return "Rock crushes Scissors. You win.";
    } else if (choice2 === "Lizard") {
      return "Rock smashes Lizard. You win.";
    } else if (choice2 === "Spock") {
      return "Spock vaporizes Rock. You lose.";
    }
  } 
  //changed to else if instead of else {
  else if (choice1 === "Paper") {
    if (choice2 === "Rock") {
      return "Paper covers Rock. You Win.";
    } else if (choice2 === "Scissors") {
      return "Scissors cut Paper. You lose.";
    } else if (choice2 === "Lizard") {
      return "Lizard eats Paper. You lose.";
    } else if (choice2 === "Spock") {
      return "Paper disproves Spock. You Win.";
    }
  }
  //changed to else if instead of else {
  else if (choice1 === "Scissors") {
    if (choice2 === "Rock") {
      return "Rock beats Scissors. You lose.";
    }
    //changed to else if instead of if {
    else if (choice2 === "Paper") {
      return "Scissors cut Paper. You win.";
    } else if (choice2 === "Lizard") {
      return "Scissors decapitate Lizard. You win.";
    } else if (choice2 === "Spock") {
      return "Spock smashes Scissors. You lose.";
    }
  }
  //changed to else if instead of else {
  else if (choice1 === "Lizard") {
    if (choice2 === "Rock") {
      return "Rock smashes Lizard. You lose.";
    }
    //changed to else if instead of if {
    else if (choice2 === "Paper") {
      return "Lizard eats Paper. You win.";
    } else if (choice2 === "Scissors") {
      return "Scissors decapitate Lizard. You lose.";
    } else if (choice2 === "Spock") {
      return "Lizard poisons Spock. You win.";
    }
  } 
  //changed to else if instead of else {
  else if (choice1 === "Spock") {
    if (choice2 === "Rock") {
      return "Spock vaporizes Rock. You win.";
    }
    //changed to else if instead of if {
    else if (choice2 === "Paper") {
      return "Paper disproves Spock. You lose.";
    } else if (choice2 === "Lizard") {
      return "Lizard poisons Spock. You lose.";
    } else if (choice2 === "Scissors") {
      return "Spock smashes Scissors. You win.";
    }
  }
}

关于javascript - 石头、布、剪刀、蜥蜴、史波克，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/33862412/

26

4

0

文章推荐： php - PHP 中的中国对应时区是多少？

文章推荐： python - 如何将 Traceback 错误信息保存到文件中

文章推荐： python - OpenCV 中保存的 webp 图像比 jpg 大 3 倍

Java石头/剪刀/布，这样做错了吗？
显然是在学习java。我能够让游戏正常运行。但我需要这样做，以便如果用户放置 R/P/S 以外的东西，那么它默认为 Rock。我不需要循环。如果我放石头的话，游戏就完美了。如果我放置 RPS 以外的任
python - 石头、布、剪刀和重启选项
我刚刚开始使用 python，需要一些帮助!我当时在做剪刀石头布游戏，我想在人或计算机赢得 3 场胜利后添加一个重启选项。我已经四处寻找一些答案，但从我看到的所有其他代码来看，似乎超出了我的范围，或
c# - C# 石头、剪刀、布
我正在用 C# 制作石头、剪刀、布游戏，目前在有人输入非 R、S 或 P 的输入时尝试显示消息时遇到问题。例如，我正在尝试获取默认值在 switch 语句中工作，但我没有运气。这就是我目前所拥有的。如
c# - C# 石头、剪刀、布
我正在用 C# 制作石头、剪刀、布游戏，目前在有人输入非 R、S 或 P 的输入时尝试显示消息时遇到问题。例如，我正在尝试获取默认值在 switch 语句中工作，但我没有运气。这就是我目前所拥有的。如
Java:布、石头、剪刀 GUI
我的类(class)被分配了一个石头剪刀布游戏。以下是作业说明: 学习目标: 练习枚举的使用创建一个包含构造函数、字段和方法的枚举设计并实现您自己的 GUI 创建一个可运行的 jar 描述:编写一
带名称输入的 Python 石头/剪刀/布
我正在用Python创建一个石头剪刀布游戏。我的方法如下。然而，我不想打印玩家 1 和玩家 2，而是想让它们成为真实的名字。因此，可以说 John Wins 或 Joe Wins。如何实现每次打印玩家
python - 石头、剪刀、布 - Python
我正在尝试完成类里面的石头、剪刀、布作业。我收到“UnboundLocalError:赋值前引用的局部变量“绑定(bind)”” 错误。有人可以告诉我为什么会收到此错误吗？ import rand
c++ - 实现常量。石头、剪刀、布
我在 C++ 上学习石头剪刀布游戏时有一个游戏实例类。我想创建整数常量，它表示游戏中允许的符号数。对于经典的 rsp 游戏，它是 3(石头、剪刀和布)，但是有一些有趣的 rcs 游戏扩展带有额外的符号
javascript - JavaScript 中的石头、剪刀、布
我正在上 Codecademy 类(class)(找到 here )，但一直告诉我“当输入是纸和石头时，您的代码返回‘石头获胜’而不是‘纸获胜’”，为什么？应该是正确的。既然它在谈论“石头获胜”，那么
javascript - 石头、剪刀、布、可汗学院
我正在可汗学院编写一个剪刀石头布游戏，这样我就可以看到视觉效果，但是 var Compare = function(choice1, choice2) 无法正常工作。 html 它工作得很好。插入了我
c++ - 石头，布，剪刀，奇数输出
对于我的类(class)项目，我们要制作一个“石头剪刀布”游戏，使用一个函数来显示菜单和验证输入，以及一个函数来确定谁赢了。当我绕过第一个函数时，我的代码将编译并正常运行。但是，当我同时使用这两个函数
C:可变增量不起作用，石头，布，剪刀
我目前受困于我的 RPS 程序，因为它无法正确存储用户丢失的次数或与计算机的关联。例如，当我运行程序并输入“q”退出时，我得到以下输出: Enter R, P, S, or Q (for quit)
javascript - 石头、布、剪刀、蜥蜴、史波克
已关闭。此问题不符合Stack Overflow guidelines 。目前不接受答案。已关闭 7 年前。此问题是由拼写错误或无法再重现的问题引起的。虽然类似的问题可能是 on-topic在这里
Javascript if/else 不工作。 Odin项目的石头、剪刀、布
我一直在尝试解决石头剪刀布项目，但我不知道如何做出 if/else 语句。我这样做了很多次，最后我认为我已经接近解决问题了，但问题是，每次运行程序时我都会得到错误的输出。例如，我使用“Paper”，
java - 石头、剪刀、布-BlueJ 疯狂循环
以下是我在 BlueJ 中编写的石头剪刀布游戏的代码。当我编译并且用户输入输入时，计算机立即从playerWins()打印大量输出。当用户输入“退出”时游戏结束。有人可以帮助我，这样我的屏幕就不会被淹
python - 重复游戏 - Python 石头、剪刀、布
如果之前曾问过此问题的某个版本，我们深表歉意。我查了一下，但找不到真正能解决我的问题的东西。我今天开始学习Python，并尝试构建一个简单的石头剪刀布游戏。我有以下代码，它运行得很好: impor
android - 开发石头、布、剪刀、蜥蜴、斯波克问题
我今天一直在开发这个应用程序，但我似乎无法弄清楚代码有什么问题。当我检查时，没有语法错误。但是当我尝试运行它并调试它时，它说 "Source not found" on "ActivityThrea
javascript - 为什么我玩石头、剪子、布、蜥蜴、史波克时没有说我赢了？
关闭。此题需要details or clarity 。目前不接受答案。想要改进这个问题吗？通过 editing this post 添加详细信息并澄清问题. 已关闭 8 年前。 Improve th
javascript - JS - 石头、剪刀、布、按钮而不是提示
我有 JS 中的基本“石头、剪刀、布”游戏的代码。它可以与提示一起使用，但我希望能够通过按钮做出选择。我想使用“getElementById”和“addEventListener(“click”)”。
python - Python 中的石头、布、剪刀(大于和小于)
有没有一种方法可以用大于号和小于号来做剪刀石头布游戏？我知道执行 RPS 有不同的方法，但我想具体了解大于和小于。这是我的代码: "Rock" > "Scissors" and 'Rock' "

首页

博学

6Ren·AI

商城

javascript - 石头、布、剪刀、蜥蜴、史波克

Plunkr Demo