Javascript 如何将分数添加到记分板?

Javascript 如何将分数添加到记分板?,javascript,html,css,if-statement,Javascript,Html,Css,If Statement,我正在制作一个简单的游戏,这是我第一个使用JavaScript的项目。所以你点击按钮,它会给你和计算机一个数学随机数,获胜者是那个数字更大的。我创建了一个记分板,希望在任何人获胜时添加分数。问题是它不起作用,你能给我一些解决办法吗 我的HTML代码: <html> <head> <meta charset="UTF-8"> <link rel="stylesheet" type="text/css" href="style.css">

我正在制作一个简单的游戏,这是我第一个使用JavaScript的项目。所以你点击按钮,它会给你和计算机一个数学随机数,获胜者是那个数字更大的。我创建了一个记分板,希望在任何人获胜时添加分数。问题是它不起作用,你能给我一些解决办法吗

我的HTML代码:

   <html>
<head>
  <meta charset="UTF-8">
  <link rel="stylesheet" type="text/css" href="style.css">
  <title>Random - the game</title>
</head>
<body>
  <header>
    <center><h1>Random</h1>
    <h2>The Game</h2></center></center>
  </header>
  <div class = "scoreTable">
    <span id="userScore">0</span>
    <span>:</span>
    <span id="compScore">0</span>
  </div>
  <div id="button">
    <center><img id="buttonOff" src="images/buttonOff.png" alt="przycisk" height="150px" width="150px" onmousedown="mouseDown()" onmouseup="mouseUp()" onclick="randomNumUser(); randomNumComp(); addScore()" /><center>
  </div>
  <center><div id="message1">
    <p>Your number</p>
    <p class="number" id="userNumber"></p>
  </div></center>
  <center><div id="message2">
    <p>Computer number</p>
    <p class="number" id="computerNumber"></p>
  </div></center>
<script src="main.js"></script>
</body>
</html>

随机-游戏
随机的
游戏
0
:
0
你的号码

计算机号码

用于添加分数的My JS函数:

 function addScore() {
  let userResult = Number(document.getElementById("userNumber"));
  let compResult = Number(document.getElementById("computerNumber"));
  let userScore = Number(document.getElementById("userScore"));
  let computerScore = Number(document.getElementById("compScore"));
  if (userResult > compResult) {
    userScore = userScore.innerHTML =+ 1;
  } else if (userResult < compResult) {
    computerScore = computerScore.innerHTML =+ 1;
  }
}
函数addScore(){
让userResult=Number(document.getElementById(“userNumber”);
让compResult=Number(document.getElementById(“computerNumber”);
让userScore=Number(document.getElementById(“userScore”);
让computerScore=Number(document.getElementById(“compScore”);
如果(用户结果>压缩结果){
userScore=userScore.innerHTML=+1;
}else if(userResult
您需要使用此DOM元素的“值”。更新的代码在这里

 function addScore() {
   let userResult = document.getElementById("userNumber");
   let compResult = document.getElementById("computerNumber");
   let userScore = document.getElementById("userScore");
   let computerScore = document.getElementById("compScore");
   if (Number(userResult.innerText) > Number(compResult.innerText)) {
     userScore.innerText = Number(userScore.innerText) + 1;
   } else if (Number(userResult.innerText) < Number(compResult.innerText)) {
   computerScore.innerText = Number(computerScore.innerText) + 1;
 }
}
函数addScore(){
让userResult=document.getElementById(“userNumber”);
让compResult=document.getElementById(“计算机编号”);
让userScore=document.getElementById(“userScore”);
让computerScore=document.getElementById(“compScore”);
if(Number(userResult.innerText)>Number(compResult.innerText)){
userScore.innerText=Number(userScore.innerText)+1;
}else if(Number(userResult.innerText)
假设这些元素是输入,您需要获取它们的
.value
。调试的第一步是控制台.log()或alert()的内容,以确保它包含您认为它包含的内容。在相同的假设下运行,然后在计算结果后,您希望将该值写回HTML元素中。谢谢,我在等,真的谢谢,因为您编写的代码不起作用:(请检查更新的代码。它应该适合您:)您可以将代码发布到codepen或某个在线编辑器,以便我可以为您调试和修复它:)