將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; 
}