如何创建一个按钮将 1 添加到段落标签中显示的结果？答案

【问题标题】：How to create a button adds 1 to a result that shown in a paragraph tag?如何创建一个按钮将 1 添加到段落标签中显示的结果？
【发布时间】：2021-07-07 21:28:33
【问题描述】：

我正在尝试创建一个小游戏，我需要创建一个按钮，每次两个变量彼此相等时添加 1，我有一个段落标签，结果将在其中显示为数字。每次两个变量相等时如何创建那个按钮加1？

document.getElementById("rockbtn").onclick = function() {
    var x = 1;
    var y = Math.floor((Math.random() * 4) + 1)
        
    if (x == y) {
                    
        // the statement ?
                    
    } else { 
        alert("try again")
    }
}

【问题讨论】：

您必须发布最少的相关代码，否则您的问题可能会被关闭，无人回答。
使用addEventListener() 分配一个函数，当你点击按钮时运行。该函数应使用innerText 和parseInt() 读取标签的内容并将其转换为数字。然后它可以加1并将其分配回innerText。
谢谢，我编辑了
你的意思是我应该用 parseInt() 创建第三个变量并将其添加到函数中？？

标签： javascript html function button

【解决方案1】：

给段落元素一个id。当x 等于y 时，通过result.textContent++ 增加元素中的值：

document.getElementById("rockbtn").addEventListener('click', function() {
  var x = 1;
  var y = Math.floor((Math.random() * 4) + 1)
  console.log("generated number: " + y);
  if (x == y) {
    result.textContent++;
  } else {
    alert("try again")
  }
})

<button id="rockbtn">Generate</button>
<p id="result">0</p>

【讨论】：