js里关于连续点击按钮出现不同文字的方法

作为一个蒟蒻,看着别人写出点击按钮就可以变换按钮里的文字的操作,自己也想试试。
然后就发现了在js里不同于其他语言的一个地方。
js中好像不用写递归调用方法,如果你在一个数组里写了一个变量,那一定是等到条件限制这个变量不能变了,它才会自动结束变化。
我说的可能有些不明确。那直接先上代码。

<!DOCTYPE html>
<head><link href="mldn.css" rel="stylesheet" type="text/css"</head>
<html><meta charset="utf-8" />
<body>
<script>
var xx=0;
function fun()
{ var a=new Array("要你点你还真的点?傻?再来点一次!","woc!你还真的又点了呀","好了不闹了 告辞");
  x=document.getElementById("u");
 if(xx<3){
 x.innerHTML=a[xx++];
}
 //上面这句话会使得你要连续按3次按钮才会结束button里的值变化
}
</script>
        <button id=u type="button" class=init onclick="fun()">点我呀!</button>
</body>
</html>

我一开始还以为在要直接要再次使用一次fun()方法实现递归什么的,还设置了全局变量啥的。后来发现就这样就行了。js已经考虑了这种情况?

最后运行的结果都是

没点之前
没点的时候

第1、2、3次点击


猜你喜欢

转载自blog.csdn.net/qq_41477675/article/details/81744832