在javascript尝试使用按钮向var添加+1的Noob

时间:2013-11-04 02:01:02

标签: javascript button

嘿,我是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>

2 个答案:

答案 0 :(得分: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;

答案 1 :(得分:0)

脚本存在一些问题:

  • 该函数的语法错误,因此代码根本不会运行。
  • 一旦页面加载,您就无法使用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>