收藏数的实时加减(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)的主要内容,如果未能解决你的问题,请参考以下文章