title: append child list item in ordered list through javascript
body: <p>Is there a way to append the child node in an ordered way in javascript?
  I have this code here to create and ordered list and add list items in it but its not putting them in an ordered form.</p>
  
  <pre><code>var listContainer = document.getElementById("content1");
  var listElement = document.createElement("ol");
  listContainer.appendChild(listElement);
  
  for(i = 0; i &lt; arr.length; i++) {
  
      var listItem = document.createElement("li");
      listItem.innerHTML = arr[i].color + " " + arr[i].value +"&lt;/br&gt;";
      listElement.appendChild(listItem);
  
  }
  </code></pre>