时间戳

首页 > 解决方案 > 根据javascript中输入的值向元素添加和删除类（无jquery）

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

问题描述

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

这是我尝试过的：

<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）

标签： javascripthtml

解决方案

将您的初始计数更改为 0 并更改count++为count += 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;
  }  
}

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

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

推荐阅读