title: Javascript To Do List
body: <p>I am trying to make a to-do list app and am trying to add a clickable checkbox next to each item as it is added to the list. I am very new to this, so any help would be greatly appreciated!</p>
  
  <p>Thank you!</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>   function todoList() {
        var item = document.getElementById('todoInput').value
        var text = document.createTextNode(item)
        var newItem = document.createElement("li")
        newItem.appendChild(text)
       document.getElementById("todoList").appendChild(newItem)
      }   </code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>  &lt;form id="todoForm"&gt;
        &lt;h1&gt;To Do List:&lt;h1&gt;
          &lt;input id="todoInput"&gt;
          &lt;button type="button" onclick="todoList()"&gt;Add Item&lt;/button&gt;
      &lt;/form&gt;
      &lt;ul id="todoList"&gt;
      &lt;/ul&gt;
  
   </code></pre>
  </div>
  </div>
  </p>