问题：

addEventListener只工作一次

袁恩

2023-03-14

我是一个很新的编程人员，我正在尝试使用Javascript制作岩石剪刀，我遇到了这个问题。每当我点击岩石图像，它会产生一个0和2之间的随机数，如果这个数字是0，那就是平局，如果是1，那玩家输了，如果是2，那玩家赢了。但当我运行这段代码时，它只在数字为0时才起作用。所以当我点击按钮时，如果数字是0，它会显示“它是一个领带”，但如果不是0，它不会显示任何东西。但当我再次尝试单击时，它不起作用。我必须刷新页面才能再试一次。有人能帮帮我吗，对不起，如果我没有好好解释这件事。

HTML：





<html>
    <head>
        <link rel="stylesheet" href="style.css">
        <link rel="preconnect" href="https://fonts.gstatic.com">
        <link href="https://fonts.googleapis.com/css2?family=Ubuntu&display=swap" rel="stylesheet">
        
    </head>
    <title> Rock Paper Scissors! </title>
    <body>
        <div id="rpsGame">
        <h1 id="RPS"> Rock, paper, scissors! </h1>
          <div id="score">
        <p id="myScore">0</p>
        <p>:</p>
        <p id="botScore">0</p>
          </div>
        <img src="rock.png" id="rock">
        <img src="paper.png" id="paper">
        <img src="scissors.png" id="scissors">
        <p id="winOrLose"></p>
        </div>
    </body>
</html>

JavaScript：





   var randomNumber = Math.floor(Math.random() * 3)
            var rockChoice = document.getElementById('rock');
            var botAnswer = document.getElementById('winOrLose')

         rockChoice.addEventListener('click', function() {
             if (randomNumber == 0) {
                 botAnswer.textContent = "Bot picked rock, you tie!"
             
               if (randomNumber == 1) {
                  botAnswer.textContent = "Bot picked paper, you lose!"
             

            if (randomNumber == 2) {
                  botAnswer.textContent = "Bot picked scissors, you lose!"
             }
         }
    }
         });

CSS：




body {
    background-color:#2a303d;
    text-align: center;
    font-family: 'Ubuntu', sans-serif;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

#rock {
    width: 80%;
    position: absolute;
    top: 45.8%;
    left: 39.75%;
    transform: translate(-50%, -50%);
    transform: rotate(360deg);
    height: 100px;
    width: 100px
}

#paper {
    width: 80%;
    position: absolute;
    top: 45.8%;
    left: 46.75%;
    transform: translate(-50%, -50%);
    transform: rotate(360deg);
    height: 100px;
    width: 100px;
}

#scissors {
    width: 80%;
    position: absolute;
    top: 52.05%;
    left: 57.25%;
    transform: translate(-50%, -50%); 
    height: 100px;
    width: 100px;
}

#RPS {
    font-size: 65px;
    margin-top: 40px;
}

#botPick {
    font-size: 50px;
    margin-top: 350px;
}

#Score p {
    margin:0;
    padding:0;
    margin-left: 5px;
    font-size: 36px;
    display: inline-block;
    line-height: 80px;
    vertical-align: top;
}

#winOrLose {
    color: white;
}

共有1个答案

公冶京

2023-03-14

在EventListener中移动随机数声明（单击）

尝试使用这个固定的Js代码

var rockChoice = document.getElementById('rock');
        var botAnswer = document.getElementById('winOrLose')

     rockChoice.addEventListener('click', function() {
      var randomNumber = Math.floor(Math.random() * 3)
         if (randomNumber == 0) {
             botAnswer.textContent = "Bot picked rock, you tie!"
         
           if (randomNumber == 1) {
              botAnswer.textContent = "Bot picked paper, you lose!"
         

        if (randomNumber == 2) {
              botAnswer.textContent = "Bot picked scissors, you lose!"
         }
     }
}
     });

类似资料：

Button在Android Studio中只工作一次

所以，我有一个按钮，功能是更新我的文本视图。每次有人点击到当前日期的按钮。但是，由于某种原因，它只起作用一次。我试过XML onClick方法和Java的setOnClickListener，没有一个管用。有人能帮我解决这个问题吗？
使用ajax的addeventlistener无法正常工作

问题内容：我想在“ div”中显示txt文件的内容，所以我用按钮调用函数，但是即使我不按按钮，函数也会触发，这是我的HTML代码：和我的js代码：问题答案：的第二个参数应该是一个函数。您没有传递函数，而是立即调用该函数并传递结果。改成：
addEventListener

使用说明 : 监听客户端事件。该事件可能来自客户端业务逻辑，也可能是其他 WebView 使用 dispatchEvent 抛出的事件 addEventListener(eventName,handler) eventName -- String 必选事件名字 handler(data,source) -- Fcuntion 必选事件的回调处理函数 data -- Object 必选该事
SwiftUI模态表示只能在navigationBarItems中工作一次

问题内容：当您从导航栏项目中的按钮显示模式时，这是SwiftUI中的错误。在下面的代码中，按钮1可以正常工作，但是按钮2只能工作一次：该错误来自去年年中，至今仍存在于Xcode 11.3.1 + iOS 13.3 Simulator和iOS 13.3.1 iPhone XS中。这里有任何解决方法可以使按钮起作用？编辑：似乎要点击的区域下降到某个地方，可以点击下面的按钮以显示模式。临时
addEventListener在IE8中不起作用

问题内容：我已经动态创建了一个复选框。我曾经在单击复选框时调用过一个函数，该函数在Google Chrome和Firefox中有效，但在Internet Explorer 8中不起作用。这是我的代码：是我的事件处理程序。问题答案：尝试：更新：对于IE9之前的InternetExplorer版本，应使用attachEvent方法将指定的侦听器注册到调用它的EventTarget上，对
从命名Linux管道读取BufferedInputStream只能工作一次

我绝望了，。。。我已经试了很多次了，没有运气。请帮忙背景知识：我使用raspberry Pi 3开发了一个网络摄像头流媒体服务器，因为我不想要可用的服务器。使用raspistill时，fps非常低（4fps），这就是为什么我考虑使用v4l2选项来流式传输网络摄像机。为此，我将mjpeg视频输出到管道中。从该管道读取时，将显示第一个jpeg图像，但连续读取返回null。为了进一步调查这一点，我

addEventListener只工作一次

共有1个答案

相关问答

相关文章

相关阅读

相关工具

相关文档