JSFiddle - React, Tailwind, and code Playground

by andyw_

HTML

<head>
</head>
<body>
</body>

JavaScript

var Region = function(t, l, b, r) {
        this.top = t;
        this.left = l;
        this.bottom = b;
        this.right = r;
};


var region = new Region(100, 100, 100, 100);
var region2 = new Region(50, 50, 50, 50);

var dimensions = [
    region.top,
    region.left,
    region.right,
    region.bottom 
];

var dimensions2 = [
    region2.top,
    region2.left,
    region2.right,
    region2.bottom 
];

for (i = 1; i <= 4; i++) {
    $('body').append('<p>Hello loop number' + i + ' propery:' + dimensions[i-1] + '<p>');
}

for (i = 1; i <= 4; i++) {
    $('body').append('<p>Hello loop number' + i + ' propery:' + dimensions2[i-1] + '<p>');
}