Javascript 具有最大值的JS按钮

我想创建两个增加值并在最大值处停止的按钮，将按钮的颜色更改为红色，以指示按钮无法再单击并且已达到最大值，然后创建一个重置按钮，将其全部恢复为0。 我有一部分代码，但尝试添加最大值的按钮和复位按钮，但它不工作。到目前为止，这是我所拥有的，基本上每次点击都会使值增加1。有人能帮忙吗

var按钮1=0；
var=1=0；
函数onClick1（）{
按钮1+=1；
document.getElementById（“button1”）.innerHTML=button1；
};
函数onClick2（）{
按钮2+=1；
document.getElementById（“button2”）.innerHTML=button2；
};
点击
0

点击
0
设置最大变量和逻辑检查

var button1 = 0;
var button1 = 0;

var max1 = 25;
var max2 = 25;

function onClick1() {
    if (button1 < max1){
        button1 += 1;
        document.getElementById("button1").innerHTML = button1;     
    }
};
  function onClick2() {
    if (button2 < max2){
        button2 += 1;
        document.getElementById("button2").innerHTML = button2; 
    }
};

var按钮1=0；
var=1=0；
var max1=25；
var max2=25；
函数onClick1（）{
如果（按钮1
protip：使用
textContent
而不是
innerHTML
，因为您没有更改HTML内容

只需将if语句添加到函数中

var buttonElement = document.getElementById("button1");
if (++button > maxValue) {
    buttonElement.style.backgroundColor = "red"; //grab button via variable, change color
} else {
    button1++;
    buttonElement.textContent = button1;
}

更进一步说，如果你真的想告诉他们“停止点击我！”只需在你将颜色更改为红色时禁用按钮。
JS中的最大数字是
number.MAX\u VALUE
所以

var-button=document.getElementById（“button1”）；
var i；
var max=Number.max_值；
//环路
对于（i=0；i
您尝试过哪些“无效”？我们也许能帮你修复代码是的。。我几乎可以保证OP不是在谈论JS最大值。更多的是“最大值”，所以只需将最大值更改为所需的值。我如何一起重置所有按钮？
var button = document.getElementById("button1");
var i;
var max = Number.MAX_VALUE;
//The loop
for(i = 0; i < max; i++) {
 button.textContent = i;
}
button.style.backgroundColor = "red";