功能重复按钮？

Question

所以我想创建一个重复点击功能的简单按钮。示例：

function example() {
document.write("Example")
}

目前，函数只运行：

Example

但我想知道如何制作一个简单的按钮，例如，如果单击 3 次就可以执行此操作：

Example
Example
Example
Example

我也不介意一开始什么都没有，按钮只是第一次运行该功能，只要其他结果显示在最后一个结果之下即可。我该怎么做呢？谢谢！

Answer 1

function doRepeat(funct, times){
    (function recurse(){
        funct();
        times--;
        if(times) recurse();
    })();
}

此函数将重复另一个函数给定的次数。像这样使用...

// will call your example function 50 times.
doRepeat(example, 50);

编辑..如评论中所述，您的按钮正在被 document.write() 覆盖。你应该解释一下你不能重复这个功能的原因是因为按钮消失了。

你永远不应该使用 document.write。在这种情况下，更好的选择是 innerHTML。也不要忘记添加换行符。

function example() {
    document.body.innerHTML += "Example<br>";
}

Answer 2

function example() {

   document.getElementById("demo").innerHTML += "example</br>";
}

<!DOCTYPE html>
<html>
<body>

<button type="button" onclick="example()">click</button>

<p id="demo"></p>


</body>
</html>

希望对你有帮助。

Function repeat button?