JSFiddle - React, Tailwind, and code Playground

by Brock Callahan

HTML

<div id="print0"></div>
<div id="print1"></div>
<div id="print2"></div>
<div id="print3"></div>

JavaScript

var teachers = [
    {
         name: "Nick Pettit", 
         subject: "HTML"
    }, 
    {
        name: "Jason Seifer", 
        subject: "Ruby on Rails"
    }, 
    {
        name: "Dave Mcfarland", 
        subject: "Javascript"
    }, 
    {
        name: "Hampton Paulk", 
        subject: "PHP"
    }, 
    {
        name: "Zac Gordon", 
        subject: "WordPress"
    }
];

for (var prop in teachers[0]) {
     writeIt('print0', '<li>' + prop + '</li');
    writeIt('print1', '<li>' + prop + '</li');
}

function writeIt(id, text) {
    document.getElementById(id).innerHTML = text;
}