JSFiddle - React, Tailwind, and code Playground

by Pratik Bhonsle

HTML

<ul id="codingView">
    <li id="" style="display: none;" class="clickable"><span></span></li>
</ul>

JavaScript

$(document).ready(function () {
    $('ul').on('click', 'li.clickable', function () {
        console.log($(this).text());
    });
});

var $box = $('#codingView li:eq(0)');
$('#codingView').empty();
var data = [1, 2, 3, 4, 5];
$.each(data, function (key, value) {
    console.log(data[key], value);
    $box.find("span").html(data[key]);
    $box.css("display", "block");
    $box.clone().appendTo("#codingView");
});