JSFiddle - React, Tailwind, and code Playground

by Sourav Chatterjee

HTML

<div>
  <ul>
    <li id="one">Mango</li>
    <li id="two">Orange</li>
    <li id="three">Banana</li>


  </ul>
  
  <div id="notes" style="display:hidden;">
  
  
  </div>
</div>

JavaScript

$(function() {

	var ListItem, itemStatus, eventType;
   $('ul').on(
   'click mouseover mouseout',
   
   {status: 'important'},
   function(e) {
   ListItem = 'Item: ' +e.target.textContent + '<br />';
   $('#notes').html(ListItem);
   
   }
   
   
   );

  

});