JSFiddle - React, Tailwind, and code Playground

by Wentz Wu

HTML

<ul id="list"></ul>

JavaScript

var a = [1, 2, 3];
var b = {
    name: "bruce",
    age: 44
};

var c = {
    name: "cherry",
    age: 34
};

var g = [b, c];

for (var i in g) {
    output(g[i].name);
}

for (var i = 0; i < g.length; i++) {
    output(g[i].name);
}

function output(item) {
    var list = document.getElementById("list");
    var listItem = document.createElement("li");
    listItem.textContent = item;
    list.appendChild(listItem);
}