Question

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

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

目前，该功能仅运行：

Example

但我想知道如何制作一个简单的按钮，例如，如果点击3次就可以这样做：

Example
Example
Example
Example

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

Answer 1

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>

希望它对你有所帮助。

Answer 2

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>";
}