JSFiddle - React, Tailwind, and code Playground

by Aljohn De Guzman

HTML

<p>
Name: <span id="name"></span><br /> 
Age: <span id="age"></span><br /> 
Gender: <span id="gender"></span><br /> 
Address: <span id="address"></span><br /> 
</p>

CSS

body{
    font-family: Calibri;
}

JavaScript

//Heto yung examples ng JSON ~ Hawig lang sa XML pero mas mabilis daw JSON.

var people = [{
    "name" : "Aljohn",
    "age" : "18",
    "gender" : "Male",
    "address" : "Calasiao"
},
{
    "name" : "Jordan",
    "age" : "22",
    "gender" : "Male",
    "address" : "Urdaneta"
}];

$(document).ready(function(){
       $("#name").text(people[0].name);
       $("#age").text(people[0].age);
       $("#gender").text(people[0].gender);
       $("#address").text(people[0].address);
});