将HTML更改为INT onClick

Question

单击图像时我调用JavaScript函数，我希望能够获取屏幕上已有的值并将其添加或减去。这是我试过的功能：

function addValue(){ 
    var value = document.getElementById("value").innerHTML; 
    parseInt(value, 10); 
    var totalValue = value+10;  
    document.getElementById("value").innerHTML = totalValue; 
    } 

这是一个基本的测试，我试图让值每次加10。 EG：0 - > 10 - > 20 ... 但是这只是点击后输出另一个10字符串，EG：0 - > 010 - > 01010 ....

我在做什么错？

Answer 1

的parseInt功能返回一个Number，它不会改变现有的value变量。

试试这个：

value = parseInt(value, 10); 

或者更好的是：

var value = parseInt(document.getElementById("value").innerHTML, 10); 

见MDN

Answer 2

function addValue(){ 
    var value = document.getElementById("value").innerHTML; 
    value=parseInt(value, 10); 
    var totalValue = value+10;  
    document.getElementById("value").innerHTML = totalValue; 
}