JSFiddle - React, Tailwind, and code Playground

HTML

<ul id="groceries"></ul>

JavaScript

var list = document.getElementById("groceries");
var groceries = ["cheese", "bread", "butter"];

for (var i = 0; i < groceries.length; i++) {
  var item = document.createElement("li");
  item.innerText = groceries[i];
  list.appendChild(item);
}