JSFiddle - React, Tailwind, and code Playground

by ChaseWest

HTML

<ul id="list"></ul>
<button id="button">Add List Item</button>

JavaScript

var list = document.querySelector("#list");
var button = document.querySelector("#button");

button.onclick = addListItem;

function addListItem(){
  var listItemText,
      listItem;
  
  for(var i = 0; i < 10; i++){
    listItemText = document.createTextNode("Added")  
    listItem = document.createElement("li");
    listItem.appendChild(listItemText);
    list.appendChild(listItem);
  }

};