JSFiddle - React, Tailwind, and code Playground
HTML
<form name="ShowItAll">
<hr>
<b>Show Properties</b>
<hr>
<p><input type="button" value="Show myHome" onClick="showMyHome()">
<p><input type="button" value="Show MyHut" onClick="showMyHut()">
<p><input type="button" value="Show MyLodge" onClick="showProperties(myLodge,'myLodge')">
</form>
JavaScript
window.showProperties = function(obj,objName)
{
var output= "";
for (var i in obj)
{
output += objName + "." + i + " = " + obj[i] + "\n";
alert(output);
}
}
window.aHouse = function(beds,baths,age,sqft,addr)
{
this.beds = beds;
this.baths = baths;
this.age = age;
this.sqft = sqft;
this.addr = addr;
}
myHome = new aHouse(4,2,4,3000,"1234 digit st.");
myHut = new aHouse(1,1,12,700,"3141 pie av.");
myLodge = new aHouse(2,1,12,1700,"2828 Euler Blvd.");
myEstate = new aHouse(12,9,12,20000,"1 Ego st.");
window.showMyHut = function()
{
showProperties(myHut,"myHut");
}
window.showMyHome = function()
{
showProperties(myHome,"myHome");
}