JSFiddle - React, Tailwind, and code Playground

by Yashwanth Hari

HTML

<div id="line1"></div>

JavaScript

$(document).ready(function () {
    var array = [{
        title: "TEST1",
        img: "http://www.myTest1.com/test1.jpg"
    }, {
        title: "TEST2",
        img: "http://www.myTest2.com/test2.jpg"
    }, {
        title: "TEST3",
        img: "http://www.myTest3.com/test3.jpg"
    }]

    var line = $("#line1");

    for (a in array) {
        appendModel(a);
    }

    function appendModel(num) {
        var model = '<div class="item"><h2 id="item_text"><span>' + array[num].title + '</span></h2><div class="img-div"><img id="item_img" src="' + array[num].img + '" alt="" height="333px" width="500px" /></div></div>';
        line.append(model);
    }
});