JSFiddle - React, Tailwind, and code Playground

by mcotton

HTML

<li>one</li>
<li>two</li>
<li>three</li>
<li>four</li>

CSS

li.over { background: yellow; }
li.done { text-decoration: line-through; }

JavaScript

$('li').hover(function() {
  $(this).addClass('over');
}, function() {
  $(this).removeClass('over');
} );

$('li').click(function() {
  $(this).addClass('done');
});