JSFiddle - React, Tailwind, and code Playground

by mendelthecoder

HTML

<ul id = "programs"></ul>

JavaScript

var links = ["pictureVeiwer","maze","firefoxPrank"];

var icons = ["firefox-icon.gif","maze.jpg","imageVeiwer.jpg"];

var captions = ["Cute Firfox prank","Cool maze","Program to veiw pictures... kinda useless in 2013"];

for ( var i = 0; i < links.length; i++ ) {
    var $li = $("<li/>");
    var $div = $("<div/>");
    var $a = $("<a/>", {
        href: links[i] + ".exe"
    });
    $a.append($("<img/>", {
        src: icons[i]
    }));
    $p = $("<p/>");
    $p.html(captions[i]);
    $a.append($p);
    $div.append($a);
    $li.append($div);
    $("#programs").append($li);
}