title: Dynamically display html elements via loop
body: <p>I am working with javascript and jquery. I want to be able to display a buttom, some text, and/or really any html elements or components as many times as the loop allows. I am able to loop through and print alert statements</p>
  
  <pre><code>function LoopTest() {
  var i=0;
  var stop=5;
  for (i=0;i&lt;5;i++)
  {  alert("count: " + i);   }
  }
  </code></pre>
  
  <p>Simple enough. This would give me 5 alert statements, but instead of using alert statements, I want to be able to display a button or some text or any other html elements. So I would get five buttons displayed on an html page. Is this possible? I'm actually using a .foreach function but for ease of use, a regular for loop would suffice for now. I want to be able to do this on button click  (i.e., the function that has the loop starts running once I click  a button) also. I'm just not sure really how to accomplish this. Any help would be greatly appreciated. Thanks in advance.</p>