Javascript 从0开始，继续加10

此脚本是在您按下按钮时设计的，它将显示0，当您再次按下按钮时，它将显示10，并在每次按下按钮时以10加10

按钮，例如0、10、20、30、40等。。。我怎么能做到这一点我尝试了许多方法，但我不能产生这样的东西

document.querySelector（“#按十添加”）.addEventListener（'click'，addByTen'）；
函数addByTen（）{
/*???*/
document.querySelector（“#result”）.innerHTML=？；
}

十加一

使用

var计数器=0在外部范围中，然后单击按钮时添加10


document.querySelector（“#按十添加”）.addEventListener（'click'，addByTen'）；
var计数器=0；
window.onload=函数init（）{
document.querySelector（“#result”）.innerHTML=counter；
}
函数addByTen（）{
计数器+=10；
document.querySelector（“#result”）.innerHTML=counter；
}
十加一
设置一个全局变量，让number=0

将inner.Text设置为该变量

然后使用你的plusTen函数（）{number=number+10}
你几乎得到了它

实现这一目标有四个步骤：

使用任务选择器从标签中检索当前值
将检索到的
innerHTML
转换为数字
将这个数字增加10
将新编号设置为查询选择器的
innerHTML

以下是代码的工作副本：


document.querySelector（“#按十添加”）.addEventListener（'click'，addByTen'）；
函数addByTen（）{
var currentValue=document.querySelector（“#结果”）；
currentValue.innerHTML=Number（currentValue.innerHTML）+10；
}
十加一
0
在定位之前尝试搜索类似问题的可能重复项。感谢您的回答，但我如何才能在0处获得第一次单击？@DannyLee最简单的方法是给出div
0
值，或者我的答案使用
窗口。onload
事件将值填充到div这是函数第二行的功能，如果第一次单击时未设置任何值，则将其设置为zero@D-Shih如果页面加载中没有显示0，我怎么做？我想第一次按下按钮，它会显示0，然后当我第二次按下按钮时，它会显示10，如果我再次按下它，它会显示20等等。。你知道每一个按钮press@DannyLee你在使用两个SO帐户吗？哦，我的上帝！！！：-O@Abdulfatai你是我的新英雄哈哈哈非常感谢Abdulfatia这就是我要找的谢谢你。嘿Abdulfatia代码在Internet Explorer中不起作用我更新了代码，所以现在应该在IE中起作用了。我只是想让你知道。我需要你的批准，这样我对你的代码答案的编辑就会公开显示出来。这真是太糟糕了@fsofb。但是，关于批准您的编辑，我将如何做到这一点？我以前在这里没做过。
var resultElement = document.getElementById('result')

function addByTen(){
   var value = parseInt(resultElement.innerHTML, 10);

   if (!Number.isInteger(value)) {
      resultElement.innerHTML = 0;
   } else {
      resultElement.innerHTML = value + 10;
   }
}

document.querySelector('#add-by-ten').addEventListener('click',addByTen);