JSFiddle - React, Tailwind, and code Playground

by il kamil

HTML

<div id="Kamil">
   
</div>

JavaScript

console.clear();
var name = "kamil";
var line ="------------------------------------------------------------"
//var name2 = new String ("muhsin");
console.log(name);
console.log("Lenght of Kamil is:" , name.length);
console.log(line);

var names=["Ahmed","Irfan","Ishak","Muhammed"]
console.log("All Names:", names);
console.log("First Name:", names[0]);
console.log("Second Name:", names[1]);
console.log("Third Name:", names[2]);
console.log("Fourth Name:", names[3]);
console.log("Lenght of All Names:" , names.length);
console.log(line);
var userDetails = { "data" : [ 
    {
            "Kamil" : { 
            "Address" : "11C/2 , 6th Street",
            "Area" : "Gopalapuram", 
            "City":"Chennai",
            "State" : "Tamilnadu",
            "Pincode":"600086"
            },
        
        "Muhsin":{ 
            "Address" : "30C/2 , Usman Road",
            "Area" : "Tnagar", 
            "City":"Chennai",
            "State" : "Tamilnadu",
            "Pincode":"600020"
            }
    }
]};
console.log("Area of Kamil:",userDetails["data"][0]["Kamil"].Area);
console.log("Area of Muhsin:",userDetails["data"][0]["Muhsin"].Area);
console.log(line);


console.log("Address of Kamil:",
    userDetails["data"][0] ["Kamil"].Address,
    userDetails["data"][0] ["Kamil"].City,
    userDetails["data"][0] ["Kamil"].Area,
    userDetails["data"][0] ["Kamil"].Pincode
);

console.log(line);


console.log("Address of Muhsin:",
    userDetails["data"][0] ["Muhsin"].Address,
    userDetails["data"][0] ["Muhsin"].City,
    userDetails["data"][0] ["Muhsin"].Area,
    userDetails["data"][0] ["Muhsin"].Pincode
);
console.log(line);

document.querySelector("#Kamil").innerHTML =userDetails["data"][0]["Kamil"].Address;