为什么按钮不向元素演示添加5？答案

【问题标题】：why is the button not adding 5 to the element demo?为什么按钮不向元素演示添加5？
【发布时间】：2016-09-08 21:59:03
【问题描述】：

为什么demo中的按钮点击后没有在x上加5？

<h1>The += Operator</h1>

<p id="demo"></p>
<script>
var x = 10;
document.getElementById("demo").innerHTML = x;
function add(){
    x = x+=5;
}
</script>
<button onclick="add()"> += </button>

</body>

【问题讨论】：

因为您不会再次更改该元素。你只是改变了变量。也是x += 5;，而不是x = x += 5;。

标签： html button

【解决方案1】：

解决了，显然函数内的代码不能影响函数外的变量，这是我的解决方案

<!DOCTYPE html>
<html>
<body>

    <h1>The += Operator</h1>

    <p id="demo"></p>
    <script>
        var x = 10;
        function add() {
            x = x+=5;
            document.getElementById("demo").innerHTML = x;
        }
    </script>
    <button onclick="add()"> += </button>

</body>
</html>

【讨论】：

这甚至不是真的。这甚至不是你解决它的方法。
对不起，我对这个真的很陌生。那么是什么让第二个起作用呢？
问题下的第一条评论应该解释它。
虽然它在技术上有效，但x = x+=5 是x = x = x + 5 的简写，这是不必要的。您应该将该行替换为x = x + 5 或x += 5（后者是x = x + 5 的简写）另外请注意，如果您希望演示元素在加载页面时显示“10”，那么您应该有另一个@ 987654327@ 在add() 函数之外。