Javascript 创建一个html按钮以启动例程，并使用此函数将结果写入html页面_Javascript_Html_Css

Javascript 创建一个html按钮以启动例程，并使用此函数将结果写入html页面

javascript html css

Javascript 创建一个html按钮以启动例程，并使用此函数将结果写入html页面,javascript,html,css,Javascript,Html,Css,这是我的javascript循环 for (var i=1; i <= 100; i++) { if (i % 15 == 0) console.log("DuckGoose"); else if (i % 3 == 0) console.log("Duck"); else if (i % 5 == 0) console.log("Goose"); else console.log(i); }

这是我的javascript循环

 for (var i=1; i <= 100; i++)
{
    if (i % 15 == 0)
        console.log("DuckGoose");
    else if (i % 3 == 0)
        console.log("Duck");
    else if (i % 5 == 0)
        console.log("Goose");
    else
        console.log(i);
}

因此，对于for循环，需要注意的是，通常不会通过单击按钮来停止它们。一旦for循环启动，它将继续运行，直到发生以下两种情况中的一种，要么循环的条件计算为false，要么在代码中特别要求它执行不同的操作（break或continue语句）。因此，您可以单击按钮启动循环的开始，但该循环将继续运行，直到完成为止。使用jQuery，它看起来像

$（文档）。在（'click'，'duckDuckGoose'，函数（）上{
RunDuckDuckGoose（）；
});
函数RunDuckDuckGoose（）{
对于（var i=1；i）如果你想自己学习Javascript，你可以在这里阅读MDN的Javascript教程：@Nisarg我很欣赏这个链接！但是我正在申请一个bootcamp类型的类，并浏览了一些链接。这对我来说似乎有点复杂。我会尝试一下的！！非常感谢！
<body>
  <div>
    <button>Click me</button>

  </div>

</body>

function write (o) {
    var el = document.createElement('pre');
    el.innerHTML = JSON.stringify(o, undefined, 2);
    document.body.appendChild(el);
}

$(document).on('click', '#duckDuckGoose', function() {
  RunDuckDuckGoose();
});

function RunDuckDuckGoose() {
  for (var i=1; i <= 100; i++)
  {
    if (i % 15 === 0)
        console.log("DuckGoose");
    else if (i % 3 === 0)
        console.log("Duck");
    else if (i % 5 === 0)
        console.log("Goose");
    else
        console.log(i);
  }
}