JSFiddle - React, Tailwind, and code Playground

by Gary Dean

HTML

<ul>
    <li><input type="hidden" value="7" name="order"></li>
    <li><input type="hidden" value="3" name="order"></li>
    <li><input type="hidden" value="6" name="order"></li>
    <li><input type="hidden" value="5" name="order"></li>
    <li><input type="hidden" value="1" name="order"></li>
    <li><input type="hidden" value="2" name="order"></li>
</ul>

JavaScript

function doSomething() {
    var list = document.getElementsByTagName("ul");
    var liTags = list[0].getElementsByTagName("li");
    var max = -1;
    for (var i = 0; i < liTags.length; i++) {
        var inp = liTags[i].getElementsByTagName("input");
        if (inp[0].value > max) {
            max = inp[0].value;
        }
    }
    var newLI = document.createElement("li");
    list[0].appendChild(newLI);
    newLI.innerHTML = '<input type="hidden" value="' + (parseInt(max, 10) + 1) + '" name="order">';
    alert(list[0].innerHTML);
}
doSomething();