此段代码在函数外的numvalue4根本不会随函数里面的变化而变化，换一个能变化的代码。var numvalue4 = 0; // 定义全局变量 var minus = document.querySelector(".nummbe #minus"); minus.onclick = function(){ numvalue4 = parseInt(document.getElementById("nummbe-value").value); numvalue4=numvalue4-1; if (numvalue4<0){ numvalue4=0; } document.getElementById("nummbe-value").value = numvalue4; var numpr = document.getElementById("numprice"); numpr.innerHTML=(34.99*numvalue4); } var plus = document.querySelector(".nummbe #plus"); // 修复变量名错误 plus.onclick = function(){ numvalue4 = parseInt(document.getElementById("nummbe-value").value); numvalue4=numvalue4+1; document.getElementById("nummbe-value").value = numvalue4; var numpr = document.getElementById("numprice"); numpr.innerHTML=(34.99*numvalue4); }

可以将numvalue4定义为全局变量并且放在函数内部，这样就可以随函数里面的变化而变化了。修改后的代码如下：

function updateNumValue() {
var numvalue4 = parseInt(document.getElementById("nummbe-value").value);
var numpr = document.getElementById("numprice");
numpr.innerHTML = (34.99 * numvalue4);
}

var minus = document.querySelector(".nummbe #minus");
minus.onclick = function() {
var numvalue4 = parseInt(document.getElementById("nummbe-value").value);
numvalue4 = numvalue4 - 1;
if (numvalue4 < 0) {
numvalue4 = 0;
}
document.getElementById("nummbe-value").value = numvalue4;
updateNumValue();
}

var plus = document.querySelector(".nummbe #plus");
plus.onclick = function() {
var numvalue4 = parseInt(document.getElementById("nummbe-value").value);
numvalue4 = numvalue4 + 1;
document.getElementById("nummbe-value").value = numvalue4;
updateNumValue();
}