<ul id="list"></ul>
const things = ["bananas", "apples", "spinach", "eggs", "milk"];

const list = document.getElementById("list");

for (const index in things) {
  const li = document.createElement("li");
  li.textContent = things[index];
  list.append(li);
}
Run Pen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.