JSFiddle - React, Tailwind, and code Playground

HTML

<body onload="callAlert();loaded();">
    Test
    <ul id="thelist"></ul>
</body>

JavaScript

function callAlert() {
    var rows = prompt('Please type in the number of required rows');
    var listCode = '';
    
    for (var i = 0; i < rows; i++) {
        var listID = 'list_' + i.toString();
        if (i % 2 === 0) {
            listCode += '<li style="background-color:#EEEEEE" id="' + listID + '" onclick="itemClicked(this.id);">listItem# ' + i + '</li>';
        }
        else {
            listCode += '<li id="' + listID + '" onclick="itemClicked(this.id);">listItem# ' + i + '</li>';
        }
    }
    
    document.getElementById('thelist').innerHTML = listCode;
}

function itemClicked(id) {
    var pElement = document.getElementById(id).innerHTML;
    alert("Clicked: " + id + '\nValue: ' + pElement);
}