JSFiddle - React, Tailwind, and code Playground

by halirgb

HTML

<div id="array"></div>
<div id="count"></div>
<div id="employees"></div>

JavaScript

// array
var array = ["one", "two", "three"];

var arrayList = "";
for(i = 0; i < array.length; i++){
    arrayList += array[i] + "<br />";
}
document.getElementById('array').innerHTML = arrayList;

// count
var a = 1;
var b = 10;
var count = "";
while(a <= b){
    count += a++ + "<br />";
}
document.getElementById('count').innerHTML = count;

// json
var text = '{"employees":[' +
'{"firstName":"John","lastName":"Doe" },' +
'{"firstName":"Anna","lastName":"Smith" },' +
'{"firstName":"Peter","lastName":"Jones" }]}';

obj = JSON.parse(text);
var employees = "";
for(i = 0; i < obj.employees.length; i++){
    employees += "<b>First Name:</b> " + obj.employees[i].firstName + " <b>Last Name:</b> " + obj.employees[i].lastName + "<br />";
}
document.getElementById("employees").innerHTML = employees;