进度条无法使用我的JavaScript代码

目前，我有一些加号按钮和减号按钮，它们随固定值一起增减，但我现在的问题是，当单击每个加号按钮并增加时，我希望我的进度条减少。我已经写了一些Javascript代码，但它仍然不适合我，所有其他的东西实际上都工作得很好，除了进度条，它还没有与我的代码一起工作。下面是我正在使用的代码

var total=document.querySelector（“.Fixed_number”）；
var minusBtn=document.queryselectoral（“#减”）；
var plusBtn=document.queryselectoral（“#plus”）；
var GetTotal=document.getElementById（'get_all'）；
var value1=document.getElementById（'competitor_One'）；
var value2=document.getElementById（'competitor_Two'）；
var value3=document.getElementById（'competitor_Three'）；
var value4=document.getElementById（'competitor_-Four'）；
var progress_bar=document.querySelector（“进度条”）；
附加费（功能（项目）{
item.onclick=函数（）{
if（parseInt（total.innerText）>0）{
item.nextElementSibling.innerText=parseInt（item.nextElementSibling.innerText）+1；
total.innerText=parseInt（total.innerText）-1；
plusBtn.onclick=函数（）{
if（parseInt（total.innerText）<0）{return；}
parseInt（total.innerText）--；
progress_bar.css（“width”，Math.round（100*parseInt（total.innerText））+“%”；
};
if（parseInt（total.innerText）==0）{
控制台日志（项目）；
}
}
};
});
联邦储备账户（功能（项目）{
item.onclick=函数（）{
if（parseInt（item.previousElementSibling.innerText）>0）{
item.previousElementSibling.innerText=parseInt（item.previousElementSibling.innerText）-1；
total.innerText=parseInt（total.innerText）+1；
}
};
});

测试JS
下一个
10

一号选手
+
0
-
二号选手
+
0
-
三号选手
+
0
-
四号选手
+
0
-

在我看来，您将一个函数分配给一个onclick事件，在这个函数中，您将另一个函数分配给另一个onclick事件。
尝试删除除检查<0和宽度更改之外的所有内容

plusBtn.onclick = function() {
      if (parseInt(total.innerText) < 0) { return; }
      parseInt(total.innerText) --;
      progress_bar.css("width", Math.round(100 * parseInt(total.innerText)) + "%");
};

plusBtn.onclick=function（）{
if（parseInt（total.innerText）<0）{return；}
parseInt（total.innerText）--；
progress_bar.css（“width”，Math.round（100*parseInt（total.innerText））+“%”；
};

我用这样的东西测试它：

item.nextElementSibling.innerText = parseInt(item.nextElementSibling.innerText) + 1;
total.innerText = parseInt(total.innerText) - 1;

if (parseInt(total.innerText) < 0) {
    return;
}

document.getElementById("bar").style.width = Math.round(10 * parseInt(total.innerText))  + "%";

item.nextElementSibling.innerText=parseInt（item.nextElementSibling.innerText）+1；
total.innerText=parseInt（total.innerText）-1；
if（parseInt（total.innerText）<0）{
返回；
}
document.getElementById（“bar”）.style.width=Math.round（10*parseInt（total.innerText））+“%”；

我还将数字从100改为10，因为使用代码，进度条的宽度将从100%改为1000%

将最后一行复制到减号按钮onclick函数也很重要

摘要：

删除
plusBtn.onclick=function（）{
和
parseInt（total.innerText）--；

更改
var progress\u bar=document.queryselectoral（“进度条”）；

到
var progress\u bar=document.querySelector（“.progress bar”）；

更改
progress\u bar.css（“width”，Math.round（
100
*parseInt（total.innerText））+“%”；

到
progress\u bar.style.width=Math.round（
10
*parseInt（total.innerText））+“%”；

复制这个

progress\u bar.style.width=Math.round（10*parseInt（total.innerText））+“%”；

我添加了一个摘要，希望它能对你有更多的帮助。非常感谢你@Shen你的摘要实际上帮助了我，我只是有一个问题。当进度条完成时，我如何才能使它完全变宽，比如（10）在这个situation@OluwafemiAkinyemi简单，在你的第二个。进度div更改
宽度：50px
到
宽度：100%