收藏数的实时加减(HTML+JS)

Posted Rose✿留白ق೨

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了收藏数的实时加减(HTML+JS)相关的知识,希望对你有一定的参考价值。

演示代码(可直接复制,然后用浏览器打开):

<body>
    <input type="text" value="0" disabled="disabled" style="border:none;outline:medium;background:unset;"><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>


关键代码:

<input type="text" value="0" disabled="disabled" style="border:none;outline:medium;background:unset;">

这个输入框用于显示收藏数,其中的属性解释如下:

disabled="disabled":禁止修改
border:none:去除边框
outline:medium:去除点击时的边框
background:unset:去除默认背景色

以上是关于收藏数的实时加减(HTML+JS)的主要内容,如果未能解决你的问题,请参考以下文章

Python编写两个数的加减法游戏

shell脚本 两个数的的加减乘除

java 交换两个数的值(临时变量,加减,异或)

多线程中数的原子性加减

最强解析面试题:不用加减乘除做加法「建议收藏!」

最强解析面试题:不用加减乘除做加法「建议收藏!」