title: Adding ID to LI Javascript
body: <p>So I have this following code set up to create an <code>li</code> element when someone inputs something into a box. I also want the <code>li</code> element to contain a unique ID which will begin with <code>list-Item0</code> and go to <code>list-Item1</code>, etc with every <code>li</code> created when someone types into the box and adds the item. </p>
  
  <p>Any idea how I would go about doing this? I don't know what JQuery is as I am a complete beginner so am looking for something extremely basic which I can implement in this code. </p>
  
  <p>Here's what I have so far:</p>
  
  <pre><code>function addItemFunction() {
      document.getElementById("itemList").innerHTML=document.getElementById("itemList").innerHTML + '&lt;li&gt;' + addNewBox.value + '&lt;/li&gt;';  
  }
  </code></pre>