JSFiddle - React, Tailwind, and code Playground
by anoopsuda
HTML
<ul id="ul">
<li>X</li>
<li>X</li>
<li>X</li>
<li>X</li>
<li>X</li>
<li>X</li>
</ul>JavaScript
/* var element = document.getElementById("ul");
var numberOfChildren = element.getElementsByTagName('*').length
document.write(numberOfChildren) ;
for(let x= 0; x < numberOfChildren; x ++ ){
let newCount = x + 1;
document.getElementsByTagName("li").innerHTML = newCount;
console.log("li = " + newCount);
}
*/
let n = 1;
document.querySelectorAll("li").forEach(li => {
li.innerText = n;
n++;
});