title: Removing items from a to do list using Javascript
body: <p>Attempting my first Javascript project, playing around with DOM to make a To-Do List.
  After adding an item, how do i get the 'Remove' button to function and remove the item + the remove button. 
  Furthermore, after a new entry is made, the list item still stays in the input field after being added. How can it be made to be blank after each list item.  </p>
  
  <p>And yes i know my code is kinda messy and there is most likely an easier way to create it but I understand it like this for now.</p>
  
  <p>Any help is greatly appreciated. Thanks</p>
  
  <p>JSFiddle Link : <a href="http://jsfiddle.net/Renay/g79ssyqv/3/" rel="nofollow">http://jsfiddle.net/Renay/g79ssyqv/3/</a></p>
  
  <pre><code>&lt;p id="addTask"&gt; &lt;b&gt;&lt;u&gt; Tasks &lt;/u&gt;&lt;/b&gt; &lt;/p&gt;
  &lt;input type='text' id='inputTask'/&gt;
  &lt;input type='button' onclick='addText()' value='Add To List'/&gt;
  
  
  function addText(){
      var input = document.getElementById('inputTask').value;
      var node=document.createElement("p");
      var textnode=document.createTextNode(input);
      node.appendChild(textnode);
      document.getElementById('addTask').appendChild(node);
  
      var removeTask = document.createElement('input');
      removeTask.setAttribute('type', 'button');
      removeTask.setAttribute("value", "Remove");
      removeTask.setAttribute("id", "removeButton");
      node.appendChild(removeTask);
  
  }
  </code></pre>