通过js简单实现按钮控制数字加减

简单的实现通过按钮简单控制数字的加减,直接上代码

首先就是先html

  <div id="box">
        <input type="button" id="btn" value="+">
        <input type="text" id="num" value="">
        <input type="button" id="btn2" value="-">
    </div>

我们先定义三个input,然后后面用js来控制这个三个元素来进行功能上的实现
,
上js的代码段

<script>


 var sum = 0;

    getid("btn").onclick = function () {

        sum += 1;

        getid("num").value = sum;

    }

    getid("btn2").onclick = function () {

        sum -= 1;

        getid("num").value = sum
    }

</script>

获取两个类型为button的input的元素,然后绑定事件给上下两个按钮添加一些我们熟悉的功能,然后通过外面的一个全局变量sum来进行每次值的存放.