title: Add image to page onclick
body: <p>I want a button to add an image to the current page on each click. For example, the first time you open the page, there is one picture. Then you click the button and the same picture appears on the page and now you have two same pictures. Then you keep on pressing on the button and more and more same pictures appear. This is the code I tried that didn't work:</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
          function addimage() {&lt;img src="http://bricksplayground.webs.com/brick.PNG" height="50" width="100"&gt;}
      &lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;button onclick="addimage();"&gt;Click&lt;/button&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Please help! Thanks.</p>