JSFiddle - React, Tailwind, and code Playground

by rgthree

HTML

<ul id="list">
    <li>3</li>    
    <li>5</li>    
    <li>7</li>    
</ul>

JavaScript

var ints, listElement;
ints = [3, 5, 7];
listElement = document.getElementById('list');

function iterator(integer) {
    var i = 0;
    // Increase our index while our passed int is larger than the current
    while(integer > ints[i])
      i++;
    ints.splice(i, 0, integer);
    // Now inject the element
    var el = document.createElement('li');
    el.innerHTML = integer;
    if(listElement.children.length > i){
      listElement.insertBefore(el, listElement.children[i]);   
    }else{
      listElement.appendChild(el);
    }
}

[1, 6, 8].forEach(iterator);
console.log(ints);