我正在尝试改进以下代码(用于按钮计数器),但是我不确定初步检查。
document.querySelectorAll("#minus")[0].addEventListener("click", function(e){
e.stopPropagation();
document.querySelectorAll("#number")[0].innerText = Number(document.querySelectorAll("#number")[0].innerText) - 1
})
document.querySelectorAll("#plus")[0].addEventListener("click", function(e) {
e.stopPropagation();
document.querySelectorAll("#number")[0].innerText = Number(document.querySelectorAll("#number")[0].innerText) + 1
})
我如何使此代码更高效?
我还希望添加一个规则,使计数器不能达到零。
谢谢您的帮助:)
最佳答案
您可以使用querySelector
缩短它,并添加如下条件:
var num = document.querySelector("#number")
, plus = document.querySelector("#plus")
, minus = document.querySelector("#minus")
minus.addEventListener("click", function(e){
var value = Number(num.innerText)
num.innerText = value === 1 ? 1 : value - 1
})
plus.addEventListener("click", function(e) {
num.innerText = Number(num.innerText) + 1
})
div{ text-align: center; cursor: pointer; width: 100px; outline: 1px solid blue; }
<div id="plus">+</div>
<div id="minus">-</div>
<div id="number">1</div>
关于javascript - 提高Javascript性能,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/60683701/