优化这段代码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(); }
时间: 2024-03-26 09:35:35 浏览: 15
可以将重复代码提取出来,将HTML元素的ID抽象成变量,避免出现重复代码。可以使用以下代码进行优化:
```
const nummbeValue = document.getElementById("nummbe-value");
const numpr = document.getElementById("numprice");
const minus = document.querySelector(".nummbe #minus");
const plus = document.querySelector(".nummbe #plus");
function updateNumValue() {
const numvalue4 = parseInt(nummbeValue.value);
numpr.innerHTML = (34.99 * numvalue4);
}
function updateNumValueOnClick(delta) {
let numvalue4 = parseInt(nummbeValue.value);
numvalue4 += delta;
if (numvalue4 < 0) {
numvalue4 = 0;
}
nummbeValue.value = numvalue4;
updateNumValue();
}
minus.onclick = function() {
updateNumValueOnClick(-1);
};
plus.onclick = function() {
updateNumValueOnClick(1);
};
```
这样可以提高代码的可读性,避免出现过多的重复代码。