javascript - javascript中的菜鸟试图用按钮将+1添加到var

Question

嘿，我真的是 javascript 的新手，我只是不明白为什么它不会在我的文档上打印，每次我点击我的按钮时都会增加一个数字

<script type="text/javascript">

var x = 0;

function clicker(
    y = x+1
)
document.write(y)

return clicker();


</script>

<form name="click">
<input type="button" name="derp" onclick="clicker()">
</form>

Answer 1

一定是 ：

var x = 0;
function clicker(){
y = x+1;
document.write(y)
}

但是，使用 document.write(y) 会删除你的按钮，为了解决这个问题，你可以创建另一个元素，比如<div id='status'></div>并使用

//use this instead of document.write(y) 
var stat = document.getElementById("status"); 
stat.innerHTML = y;

Answer 2

脚本有一些问题：

• 该函数的语法错误，因此代码根本无法运行。
• 页面加载后您无法使用document.write，然后它将用您编写的内容替换整个页面。
• 您正在计算一个比一个永远不会改变的值高一个的值，所以它只会在第一次增加，之后它只会返回相同的结果。

创建一个可以放置结果的元素，并在函数中增加变量，以便每次更改值。

<script type="text/javascript">

var x = 0;

function clicker() {
  x = x + 1; // or simply x++;
  document.getElementById('value').innerHTML = x;
}

</script>

<form name="click">
<input type="button" name="derp" onclick="clicker()">
</form>
<div id="value"></div>