如何修复此代码？单击按钮将给出 1 分和另一个删除 1

Question

我已经使用了

<button onclick="addPoint()> 

＆nbsp;

var p = document.getElementById("p");
var total = 0;

function addPoint() {
    total++
}
function minusPoint() {
    total--;
}
p.innerHTML = total;

Answer 1

您需要在下面的点击处理程序内更新元素值 p.innerHTML = total;

var p = document.getElementById("p"); var total = 0;
function addPoint() {
    total++;
    p.innerHTML = total;
}
function minusPoint() {
    total--;
    p.innerHTML = total;
}

<button class="button" onclick="addPoint()">add a point</button> <button class="button" onclick="minusPoint()">remove a point</button> <p id="p">Points:</p>

Answer 2

使用InnerHTML每次单击按钮时更新总计。

var p = document.getElementById("p"); 
var total = 0;
function addPoint() {
    total++;
    p.innerHTML = total;
}
function minusPoint() {
    total--;
    p.innerHTML = total;
}