加减算法不工作（JavaScript）

我有两个并排标记为加号和减号的按钮，中间有一个显示框。我在顶部有一个固定值框（比如10）。当用户单击加号时，显示框变为1，而固定值减小为9；如果单击减号按钮，则固定值返回到10，而显示值变为0。。。它继续这样，直到固定值耗尽。该功能应适用于我的所有四个输入。下面是我们尝试过的

var minusBtn=document.queryselectoral（“#减”）；
var plusBtn=document.queryselectoral（“加”）；
var displayvalue=document.querySelectorAll（“displayvalue”）；
var数=0；
var min=0；
固定风险值=10；
plusBtn.onclick=函数（）{
如果（固定>数字）{
数字=数字++；
numberPlace.innerText=number；///显示数值以代替数字
}
如果（数字==最大值）{
}否则{
}
}

10
一个
+
0
-
两个
+
0
-
三
+
0
-
四
+
0
-

如果必须这样做，请将JS更改为

var total = document.querySelector(".Fixed_number");
var minusBtn = document.querySelectorAll("#minus");
var plusBtn = document.querySelectorAll("#plus");

plusBtn.forEach(function(item){
    item.onclick = function(){
        if( parseInt(total.innerText) > 0 ){
            item.nextElementSibling.innerText = parseInt(item.nextElementSibling.innerText) + 1;
            total.innerText = parseInt(total.innerText) - 1;
        }
    };
});

minusBtn.forEach(function(item){
    item.onclick = function(){
        if( parseInt(item.previousElementSibling.innerText) > 0 ){
            item.previousElementSibling.innerText = parseInt(item.previousElementSibling.innerText) - 1;
            total.innerText = parseInt(total.innerText) + 1;
        }
    };
});

---

您必须为所有按钮输入type=“button”，否则它将提交表单并重新加载页面。

如果必须这样做，请将JS更改为

var total = document.querySelector(".Fixed_number");
var minusBtn = document.querySelectorAll("#minus");
var plusBtn = document.querySelectorAll("#plus");

plusBtn.forEach(function(item){
    item.onclick = function(){
        if( parseInt(total.innerText) > 0 ){
            item.nextElementSibling.innerText = parseInt(item.nextElementSibling.innerText) + 1;
            total.innerText = parseInt(total.innerText) - 1;
        }
    };
});

minusBtn.forEach(function(item){
    item.onclick = function(){
        if( parseInt(item.previousElementSibling.innerText) > 0 ){
            item.previousElementSibling.innerText = parseInt(item.previousElementSibling.innerText) - 1;
            total.innerText = parseInt(total.innerText) + 1;
        }
    };
});

---

您必须为所有按钮输入type=“button”，否则它将提交表单并重新加载页面。

顺便说一句，

id

必须是唯一的。请您进一步解释

querySelectorAll（“plus”）和
查询选择全部（“显示值”）没有类或id标识符。此行
number=number++
是非常错误的，它所做的是对数字进行赋值，然后将数字增加1，只需将其替换为
number++
PHP和CSS是如何涉及的？顺便说一句，
id
必须是唯一的。请您进一步解释
querySelectorAll（“plus”）和
查询选择全部（“显示值”）没有类或id标识符。此行
number=number++
是非常错误的，它所做的是对数字进行赋值，然后将数字逐一递增，只需将其替换为
number++
PHP和CSS是如何涉及的？非常感谢。你的评论实际上解决了我的问题，但你能不能把代码分解一下，因为我刚刚启动Javascript@非常感谢。你的评论实际上解决了我的问题，但你能不能把代码分解一下，因为我刚刚启动Javascript@父窗口句柄