JSFiddle - React, Tailwind, and code Playground

by hamix

HTML

<div id="eventsbar">
    <div id="eventslistleft">
        <div class="eventbutton" id="fifth">
            <img src="/events/fifth/0.jpg" />
        </div>
        <div class="eventbutton" id="fourth">
            <img src="/events/fourth/0.jpg" />
        </div>
        <div class="eventbutton" id="third">
            <img src="/events/third/0.jpg" />
        </div>
    </div>
    <div id="infobutton"></div>
    <div id="eventslistright">
        <div class="eventbutton" id="first">
            <img src="/events/first/0.jpg" />
        </div>
        <div class="eventbutton" id="second">
            <img src="/events/second/0.jpg" />
        </div>
    </div>
</div>

JavaScript

$("#eventsbar .eventbutton").on("click", function () {    
    currentevent = this.id;
    alert(currentevent);
});