JSFiddle - React, Tailwind, and code Playground

HTML

<div id='list'>
  <ul>
        <li>1</li>
        <li>2</li>
        <li>3</li>
        <li>4</li>
        <li>5</li>      
  </ul>
    <p></p>
</div>

CSS

li.c_on{
border:1px solid green;
}

JavaScript

function callMe(params){
    params.list.click(function(){
       $(this).addClass('c_on');
        var length = $(this).parent().find('.c_on').length;
        $('p').text(length)        
    })
}

//$(document).ready(function(){
    var obj = {
        list : $('ul').find('li')      
    }
   callMe(obj);
//})