JSFiddle - React, Tailwind, and code Playground

by oroce

HTML

<ul>
    <li>lorem</li>
    <li>lorem</li>
    <li>lorem</li>
    <li>lorem</li>
    <li>lorem</li>
    <li>lorem</li>
    <li>lorem</li>
    <li>lorem</li>
    <li>lorem</li>
    <li>lorem</li>
    <li>lorem</li>
    <li>lorem</li>
</ul>

CSS

.select{
    background-color:red;
}

JavaScript

$("li").click(function( e ){
     console.log( e );
    if( !e.ctrlKey && !e.shiftKey ){
        $("li.select").removeClass("select");
    }
    if( e.shiftKey ){
        var selected = $("li.select");
    }
    $( this ).addClass( "select" );

});