title: Add multiple Li to Ul with javascript
body: <p>With the onclick event I am trying to add mutliple LIs to UL, It wont add more than one Li with this method no matter how many appendChilds I do.</p>
  
  <pre><code>var form = document.getElementById("form");
  var newUl = document.createElement('ul');
  var newLi = document.createElement('li');
  
  newButton.addEventListener("click", function(){
  form.appendChild(newUl);
  newUl.id = "formList";
  var formList = document.getElementById("formList");
  formList.appendChild(newLi);
  formList.appendChild(newLi);
  formList.appendChild(newLi);
  }
  
  //// html
  &lt;div id="form"&gt;
  
   &lt;/div&gt;
  </code></pre>