JavaScript-计数器未更改-堆栈溢出

顺晟科技

2022-10-19 13:11:56

154

在可以通过按钮更改的计数器上执行项目，但计数器不会更改。Chrome inspect element调试控制台的东西也没有找到任何东西。

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Counter</title>
</head>
<body>
<br><br><br><br>
<font size="4">
    <h1 align="center">Counter</h1>
</font>
<font size="5">
    <h2 align="center" id="counter">0</h2>
</font>
<div align="center">
    <br>
    <button onclick="decrease()" >Decrease</button>
    <button onclick="reset()" >Reset</button>
    <button onclick="increase()" >Increase</button>
</div>
<script>
    var counterNum
    function decrease() {
        counterNum = counterNum - 1
        document.getElementById("counter").value = ""+ counterNum;
    }
    function reset() {
        counterNum = counterNum * 0
        document.getElementById("counter").value = ""+ counterNum;
    }
    function increase() {
        counterNum = counterNum + 1
        document.getElementById("counter").value = ""+ counterNum;
    }

</script>
</body>
</html>

顺晟科技：

两件事:

必须小型化为，否则其默认值为，递增时为
您正在修改元素的，这不会影响元素的内容。而是赋值给元素的或。

就我个人而言，我会使用or。当然，您应该使用外部CSS和JavaScript，以便对其进行缓存。这是我的两分钱:

我删除了你的折旧标签。当然，您已经注意到需要将计数器初始化为一个数字，而不是。

上一篇：HTML-试图将按钮居中-堆栈溢出下一篇：JavaScript-防止每次滚动更

网站建设

Html

JavaScript-计数器未更改-堆栈溢出