Javascript 将计数器限制在0和10之间

我想创建两个按钮，一个增加一个数字，另一个减少它，我做到了。问题是我不希望数字高于10或低于0，我尝试了if-else，但没有成功。你能帮帮我吗

代码如下：

document.addEventListener("DOMContentLoaded", function () {
    document.querySelector('#add').onclick = adding
    document.querySelector('#minus').onclick = subtracting
})

let counter = 0
function adding() {
    counter++
    document.querySelector('h1').innerHTML = counter

}


function subtracting() {
    counter--
    document.querySelector('h1').innerHTML = counter
    if( counter < 1){
        document.getElementById('minus').disabled = true
    } else{
        document.getElementById('minus').disabled = false
    }

}

document.addEventListener（“DOMContentLoaded”，函数（）{
document.querySelector（'#add'）。onclick=adding
document.querySelector（“#减号”）.onclick=减法
})
设计数器=0
函数添加（）{
柜台++
document.querySelector（'h1'）。innerHTML=计数器
}
函数减法（）{
柜台--
document.querySelector（'h1'）。innerHTML=计数器
如果（计数器<1）{
document.getElementById（'减号'）.disabled=true
}否则{
document.getElementById（'减号'）。disabled=false
}
}

一种方法是

const MAX_COUNTER = 10;
const MIN_COUNTER = 0;
function adding() {
    if (counter < MAX_COUNTER) {
        counter++
        document.querySelector('h1').innerHTML = counter
    }
}

---

减法是类似的。

您的代码工作正常。您只需要添加另一个if条件来进行添加，并将其放入adding函数中

if( counter >=10){
    document.getElementById('add').disabled = true
} else{
    document.getElementById('add').disabled = false
}

---

我建议你授权使用布尔值

我在加载时禁用了负号

window.addEventListener（“加载”，函数（）{
设计数器=0；
const plus=document.getElementById（'plus'）；
常量减号=document.getElementById（'减号'）；
const result=document.querySelector（'h1'）；
document.getElementById（“容器”）.addEventListener（“单击”），函数（e）{
常数tgt=e.target；
counter+=tgt.id==“plus”？1:-1；//我们单击了哪一个-这可以展开
减。禁用=计数器<1；
plus.disabled=计数器>=10；
result.innerHTML=计数器；
})
})

-
0
+

我为您添加了一个工作代码段，您可以创建一个公共函数，根据计数器值设置值和“启用”或“禁用”按钮

var计数器=0；
document.addEventListener（“DOMContentLoaded”，function（））{
//初始值
设置计数器值（计数器）；
//添加函数
document.querySelector（'#add'）.onclick=function（）{
setCounterValue（++计数器）；//增加计数器
}
//减法函数
document.querySelector（“#减”）.onclick=function（）{
setCounterValue（--counter）；//减少计数器
}
});
//设置值和启用或禁用按钮
函数setCounterValue（值）{
document.querySelector（'h1'）。innerHTML=值；
document.getElementById（'减号'）.disabled=（值=10）；
}

计数器

添加减法

如果您在开始时指定

让计数器=5

，您会发现禁用减法按钮的效果与预期一样--您的思路是正确的--您只需要对

添加

功能应用相同的逻辑，考虑何时/何时评估需要禁用哪些按钮。欢迎访问堆栈溢出！请访问，看看有什么和。做一些研究，搜索相关话题等；如果你被卡住了，张贴一份你的尝试，记下输入和预期输出，最好是在Hi中。我有这个条件，仍然不起作用，然后我删除了它。如果你有一个布尔值，请不要使用ifs

if( counter >=10){
    document.getElementById('add').disabled = true
} else{
    document.getElementById('add').disabled = false
}