Html 为什么按钮没有将5添加到元素演示中？
为什么在单击时，按钮没有将5添加到演示中显示的x中Html 为什么按钮没有将5添加到元素演示中？,html,button,Html,Button,为什么在单击时，按钮没有将5添加到演示中显示的x中 解决了它，显然函数内的代码不能影响函数外的变量，这是我的解决方案 <!DOCTYPE html> <html> <body> <h1>The += Operator</h1> <p id="demo"></p> <script> var x = 10; function add() {
解决了它，显然函数内的代码不能影响函数外的变量，这是我的解决方案
<!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+=5；，不是x=x+=5；。那甚至不是真的。这甚至不是你解决问题的方法。对不起，我对这件事还很陌生。那么，是什么使第二个有效呢？问题下的第一个注释应该解释它。虽然它在技术上有效，但x=x+=5是x=x=x+5的缩写，这是不必要的。您应该用x=x+5或x+=5替换该行。后者是x=x+5的简写形式。另一个注意事项是，如果您希望在加载页面时演示元素显示为10，那么您应该有另一个文档。getElementByIddemo.innerHTML=x；在add函数之外。
<!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>