JSFiddle - React, Tailwind, and code Playground

by shapeshifta

HTML

<ul class="selectable">
    <li>Symbol 1</li>
    <li>Symbol 2</li>
    <li>Symbol 3</li>
</ul>

CSS

.selected { background:#0f0;color:#fff }

JavaScript

$('ul.selectable li').click(function(){
    var $this = $(this),
        elms = [];
    $this
        .addClass('selected');
    
    elms.push( $this.text() );
    alert(elms);
});