根据javascript中输入的值向元素添加和删除类（无jquery）

我想要+和-按钮和一个输入。输入需要从零开始。当我点击+，数字需要增加3，当我点击-，数字需要减少1

如果输入值为负数，我想用红色打印值 如果值>10，我想用红色打印值 如果值>15，我想用蓝色打印值。 以下是我尝试过的：

<div id="input_div">
<input type="text" size="25" value="1" id="count">
<input type="button" value="-" id="moins" onclick="minus()">
<input type="button" value="+" id="plus" onclick="plus()">
</div>

--------------------------------------------------------
var count = 1;
var countEl = document.getElementById("count");
function plus(){
    count++;
    countEl.value = count;
}
function minus(){
  if (count > 1) {
    count--;
    countEl.value = count;
  }  
}

我的代码问题： 1.从1开始我想从0开始

---

2.当我按加号时，他添加3例如：1单击加号值为4，然后如果我单击加号，他只添加一个1单击加号值为2，将初始计数更改为0，并将计数++更改为计数+=3，如下所示：

var count = 0;
var countEl = document.getElementById("count");
function plus(){
    count += 3;
    countEl.value = count;
}
function minus(){
  if (count > 1) {
    count--;
    countEl.value = count;
  }  
}

<input type="text" size="25" value="0" id="count">

并将输入元素的value属性也更改为0，如下所示：

var count = 0;
var countEl = document.getElementById("count");
function plus(){
    count += 3;
    countEl.value = count;
}
function minus(){
  if (count > 1) {
    count--;
    countEl.value = count;
  }  
}

<input type="text" size="25" value="0" id="count">

您需要在html中将值设置为0

---

您可以添加如下函数，以根据计数值添加和删除类：

单击RunCodeSnippet进行测试

var计数=0； var countEl=document.getElementByIdcount； 函数加号{ 计数+=3； countEl.value=计数； 计算颜色 } 负函数{ 计数-； countEl.value=计数； 计算颜色 } 函数计算器颜色{ removeClasscountEl，红色 removeClasscountEl，蓝色 如果计数<0 addClasscountEl，红色； 否则，如果计数>10，计数15（&M） addClasscountEl，蓝色 } 函数addClasselement，className{ element.classList.addclassName； } 函数removeClasselement，类名称{ element.classList.removeclassName； } 瑞德先生{ 背景颜色：红色 } 蓝先生{ 背景颜色：蓝色 }

---

这解决了我的加减问题，但不是我的价值起点。我已尝试使用初始计数0，但不起作用。在开始时仍然显示1。编辑：现在一切工作。你能帮我解决一下第二个问题吗？如果数字的值为负数，我想用红色打印值，如果值大于10，我想用红色打印值，如果值大于15，我想用蓝色打印值。@MarkoFilipovic您也需要将HTML输入值更改为0。检查更新的答案。现在好了，谢谢。你能帮我解决这个问题吗：如果数值为负数，我想用红色打印数值，如果数值大于10，我想用红色打印数值，如果数值大于15，我想用蓝色打印数值。我不知道如何开始如果数字的值是负数，我想用红色打印值，如果负数或1-10或10-15的值大于10红色？？请更新您的问题并澄清。当我按加号时，如果此时数字的值较高，则我希望在对话框中以红色打印该值，如果单击后的值高于15，则我希望以蓝色打印该值，如果单击后的值为负值，则我希望以红色打印对话框中的值-1红色10+绿色15+蓝色是的，这解决了我的加号和减号问题，但程序仍然以1开头。@MarkoFilipovic您也更改了html中的值吗？阅读答案的解释。好的，现在开始吧。但你能帮我解决我发短信的第二个问题吗？如果数值为负数，我想用红色打印数值，如果数值大于10，我想用红色打印数值，如果数值大于15，我想用蓝色打印数值哇，当有人听不懂我的问题时，其他人解决了。非常感谢，但是等等，我需要CSS来完成这个？是的。我刚刚添加了两个名为red和blue的简单类。您可以在javascript本身中设置背景色属性，但是类更简单，更易于添加和维护。好的，但是我对CSS非常陌生，我需要做什么。红色{background color:red}。蓝色{background color:blue}对我有用吗？您需要将它们添加到标记内的html文件中。像这样：。红色{背景色：红色}。蓝色{背景色：蓝色}哦，谢谢，我想我需要为CSS创建一个新文件夹。非常感谢，非常好