JSFiddle - React, Tailwind, and code Playground

by lollero

HTML

<ul>
    <li>Option1</li>
    <li>Option2</li>
    <li>Option3</li>
    <li>Option4</li>
    <li>Option5</li>
    <li>Option6</li>
</ul>

JavaScript

$(function() {
    
    $("ul").on("click", "li", function() {
        
        var $this = $(this),
            text = $this.text();
        
        // Options 1-3 are the only ones with a function, so they are the only ones that do something when you click them.
        var alerts = {
            Option1: function() {
                alert('This is option 1');
            },
            Option2: function() {
                alert('This is option 2');
            },
            Option3: function() {
                alert('This is option 3');
            }
        }

        typeof alerts[text] == 'function' && alerts[text]();
        
    });
    
});