Javascript If语句不适用于空格键计数_Javascript

Javascript If语句不适用于空格键计数

javascript

Javascript If语句不适用于空格键计数,javascript,Javascript,因此，我构建了一个计数器，但没有实现if语句例：这是我的密码 <html> <body> <p id="hits" value="0"> </p> <script> var hits = 0; var hitElement = document.getElementById("hits"); docum

因此，我构建了一个计数器，但没有实现if语句

例：

这是我的密码

    <html>
    <body>

    <p id="hits" value="0"> </p>

    <script>
      var hits = 0;
      var hitElement = document.getElementById("hits");
      document.body.onkeyup = function(e) {
        if (e.keyCode == 32) {addHit()}
      }
      var addHit = function() {hits++; renderHits()}
      var renderHits = function() {hitElement.innerHTML = hits % 5}
      var resetHits = function() {renderHits()}
    </script>

    </body>
    </html>



var=0；
var hitelelement=document.getElementById（“hits”）；
document.body.onkeyup=函数（e）{
如果（e.keyCode==32）{addHit（）}
}
var addHit=function（）{hits++；renderHits（）}
var renderHits=function（）{hitelelement.innerHTML=hits%5}
var resetHits=function（）{renderHits（）}

我还想知道是否有可能使它基于.value而不是.innerHTML工作（因为我的目标是空间计数器在“幕后”工作，所以它不应该是可见的）

谢谢

实际上，我的目标是按回车键在图像之间切换

let hits=0；
常量hitElement=document.getElementById（“hits”）；
常量图像=[
"https://via.placeholder.com/50x50.png?text=qwe“，//您的1图像
"https://via.placeholder.com/50x50.png?text=rty“，//您的2图像
"https://via.placeholder.com/50x50.png?text=uyi“，//您的3图像
"https://via.placeholder.com/50x50.png?text=opd“，//您的4图像
"https://via.placeholder.com/50x50.png?text=asd“，//您的5图像
];
document.body.onkeyup=函数（e）{
如果（例如keyCode===32）{
hits++；
hitElement.src=images[hits%images.length]；
}
};
按空格键

你好，世界
0
var=0；
var hitelelement=document.getElementById（“hits”）；
document.body.onkeyup=函数（e）{
如果（e.keyCode==32）{addHit（）}
var addHit=function（）{hits++；renderHits（）}
var renderHits=function（）{hitelelement.innerText=hits%5}
var resetHits=function（）{renderHits（）}
这是“命中率为%5”的事情。解释器将其视为（（lresult=a）%b）而不是（lresult=（a%b））
需要括号

let hits=0；
常量hitElement=document.getElementById（“hits”）；
document.body.onkeyup=函数（e）{
如果（例如keyCode===32）{
hits++；
hitElement.src=`https://via.placeholder.com/50x50.png?text=${（命中%5）+1}`；
}
};
按空格键
.value
仅当p
是输入
标记时才起作用。如果你坚持使用p
，你可以使用.textContent
，这将通过不检查更新html元素等节省时间。不，我不关心它是否在p上工作，也不关心它是否显示。我只希望它在实现If语句时工作（实际上，我的目标是按enter bar键在图像之间切换，所以如果我像“if（value==2）{document.getElementById（“image”）.src=“something.png”}”那样在脚本中从哪里加载if语句？if（e.keyCode==32）{addHit（）；doSomething（）；}
+函数doSomething（）{switch（hits）{case1:…；break；case2:…；break；…}现在试试这个。
    <html>
    <body>

    <p id="hits" value="0"> </p>

    <script>
      var hits = 0;
      var hitElement = document.getElementById("hits");
      document.body.onkeyup = function(e) {
        if (e.keyCode == 32) {addHit()}
      }
      var addHit = function() {hits++; renderHits()}
      var renderHits = function() {hitElement.innerHTML = hits % 5}
      var resetHits = function() {renderHits()}
    </script>

    </body>
    </html>

    <body>
    <h1>HELLO WORLD</h1>
    <p id="hits" value="0"> 0</p>

 <script>
 var hits = 0;
 var hitElement = document.getElementById("hits");
 document.body.onkeyup = function(e) {
 if (e.keyCode == 32) {addHit()}}
 var addHit = function() {hits++; renderHits()}
 var renderHits = function() {hitElement.innerText = hits % 5}
  var resetHits = function() {renderHits()}