js编写点击按钮数字加一

vernin

于 2021-03-11 18:42:37 发布

阅读量1.2w

点赞数 4

文章标签： javascript html

本文链接：https://blog.youkuaiyun.com/weixin_48165407/article/details/114676864

版权

标题每次单击按钮可以使数字加一

在页面中加入三个input标签，类型分别是text、submit、submit，text里面的value是普通数字，其余两个是加一和清除两个按钮。加一按钮实现text里value的数字加一，清除按钮实现text里value数字归零。
话不多说，直接上代码：

<body>
    <input type="text" value="0"><br><br>
    <input type="submit" value="加一">
    <input type="submit" value="清除">
    <script type="text/javascript">
        var text = document.getElementsByTagName('input')[0];
        var add = document.getElementsByTagName('input')[1];
        var clear = document.getElementsByTagName('input')[2];
        add.onclick = function numberadd(){
            text.value++;  
        }
        clear.onclick = function clearnumber(){
            text.value = 0; 
        }
    </script>
</body>