JSFiddle - React, Tailwind, and code Playground

by gilly3

HTML

<ul id="books">
    <li title="B005Z67EI0">Nine Algorithms That Changed the Future: The Ingenious Ideas That Drive Today's Computers</li>
    <li title="B007AKBI3G">App Empire: Make Money, Have a Life, and Let Technology Work for You</li>
    <li title="1118008189">HTML and CSS: Design and Build Websites</li>
    <li title="111810787X">App Empire: Make Money, Have a Life, and Let Technology Work for You</li>
    <li title="098478280X">Cracking the Coding Interview: 150 Programming Questions and Solutions</li>
    <li title="0321819594">Adobe Photoshop Lightroom 4 Book: The Complete Guide for Photographers, The</li>
    <li title="0321827333">Adobe Photoshop CS6 Classroom in a Book</li>
    <li title="032147404X">The Digital Photography Book</li>
    <li title="0321821521">iOS Programming: The Big Nerd Ranch Guide (3rd Edition) (Big Nerd Ranch Guides)</li>
    <li title="B006WU5G4C">Engineering Long-Lasting Software: An Agile Approach Using SaaS and Cloud Computing, Alpha Edition</li>
    <li title="B007OWBAB0">iOS Programming: The Big Nerd Ranch Guide, 3/e (Big Nerd Ranch Guides)</li>
    <li title="1449311520">Hadoop: The Definitive Guide</li>
    <li title="B000SEGCRS">The Digital Photography Book, Volume 1</li>
    <li title="0321701763">Adobe Photoshop CS5 Classroom in a Book</li>
    <li title="1449399029">JavaScript &amp; jQuery: The Missing Manual</li>
    <li title="0131103628">C Programming Language (2nd Edition)</li>
    <li title="0596517742">JavaScript: The Good Parts</li>
    <li title="B005OR9ND4">Objective-C Programming: The Big Nerd Ranch Guide (Big Nerd Ranch Guides)</li>
    <li title="1118151739">Teach Yourself VISUALLY Photoshop Elements 10</li>
    <li title="1449397492">Mac OS X Lion: The Missing Manual</li>
    <li title="0321827333">Adobe Photoshop CS6 Classroom in a Book</li>
    <li title="B006WU5G4C">Engineering Long-Lasting Software: An Agile Approach Using SaaS and Cloud Computing, Alpha Edition</li>
    <li title="1449311520">Hadoop:...

CSS

body { font-family: sans-serif; }

JavaScript

function createBookHandler(books, i) {
    return function() {
        alert(books[i].title);
    };
}
onload = function() {
    var shelve = document.getElementById('books');
    var books = shelve.getElementsByTagName('li');
    for (var i = 0; i < books.length; i++) {
        books[i].onclick = createBookHandler(books, i);
    }
};