有人可以幫我實現按鈕功能嗎？

Question

當我按下左側的減號按鈕時，我希望等號左側的數字（在本例中為“ 7”）為每次單擊的按鈕遞減一個數字，直到達到零為止。

我有html，css和js文件一起工作。 我將它們放到一個文件中，並切出任何不必要的代碼，以便在此處發布。 我的問題是（我認為）函數leftMinusButton（）及其與html的通信方式。

 function leftMinusButton() { var i = document.getElementById("leftnum"); if (i > 0) { i--; } } 

 body { font-family: arial, "times new roman"; background: lightblue; color: black; text-align: center; } .leftminus { position: absolute; top: 60px; left: 30px; width: 50px; height: 50px; font-size: 40px; } .variable { position: absolute; top: 120px; left: 115px; font-size: 40px; } .plus { position: absolute; top: 120px; left: 175px; font-size: 40px; } .leftnum { position: absolute; top: 120px; left: 240px; font-size: 40px; } .equals { position: absolute; top: 120px; left: 300px; font-size: 40px; } .rightnum { position: absolute; top: 120px; left: 350px; font-size: 40px; } 

 <div id="workspace"> <div class="variable" id="variable">x</div> <div class="plus" id="plus">+</div> <div class="leftnum" id="leftnum">7</div> <div class="equals" id="equals">=</div> <div class="rightnum" id="rightnum">19</div> </div> <div id="plusminus"> <button type="button" class="leftminus" id="leftminus" onclick="leftMinusButton()">-</button> </div> 

Answer 1

您需要將i的新值重新設置為元素“ leftnum”。 另外，為了獲取元素“ leftnum”的值，您需要訪問innerHTML屬性。

var i = document.getElementById("leftnum");
var value = parseInt(i.innerHTML);
if (value  > 0) {
    value--;
}
i.innerHTML = value;

Answer 2

document.getElementById()僅會為您提供DOM節點，然后您需要從中獲取值（innerHTML），執行所需的任何操作，然后設置結果。 我可以建議您看看innerHTML - https : innerHTML如何獲取值以及如何設置它