JSFiddle - React, Tailwind, and code Playground

by Persio

HTML

<p>Lines:
<ol>
    <li id='first'>first</li>
    <li id='second'>second</li>
</ol>

CSS

html {
    margin: 1em;
}
li {
    cursor: pointer;
}

JavaScript

$(function() {

    text = '';
    
    function testIt(text) {
        alert (text + ' is clicked');
    }
    
    $('#first').live("click", function() {
        //alert('First!');
        text = 'First line';
        testIt(text);
    })
    $('#second').live("click", function() {
        //alert('Second!');
        text = 'Second line';
        testIt(text);
    })


})