JSFiddle - React, Tailwind, and code Playground

by Siva Charan

HTML

<ul>
<li>Bla1</li>
<li>Ble2</li>
<li>Bla3</li>
<li>Ble4</li>
<li>zla5</li>
<li>Bla1</li>
<li>Ble2</li>
<li>Bla3</li>
<li>Ble4</li>
<li>zla5</li>
<li>Bla1</li>
<li>Ble2</li>
<li>Bla3</li>
<li>Ble4</li>
<li>zla5</li>

</ul>

CSS

.activeLI {
    color: red;
}

JavaScript

randomList = 8;

randomElements = jQuery("li").get().sort(function(){ 
  return Math.round(Math.random())-0.5
}).slice(0,randomList);
    
$(randomElements).addClass("activeLI");