JSFiddle - React, Tailwind, and code Playground

by Seetpal Singh

HTML

<ul> 
    <li>dfg dsgf</li>
    <li>dfg dsgf</li>
    <li>dfg dsgf</li>
    <li>dfg dsgf</li>
</ul>
<ul>
    <li>dfg dsgf</li>
    <li>dfg dsgf</li>
    <li>dfg dsgf</li>
    <li class='bitch'>dfg dsgf</li> 
</ul>

CSS

li {
    font-size: 20px;
}
.bitch{ font-size: 10px;}
li.boldFruit {
    font-weight: bold;
    color:red;
}

JavaScript

var stopMusicExt = document.getElementsByTagName("ul")[0];
			
			var new_obj = stopMusicExt.getElementsByTagName("li");
			
			for(i = 0, len = new_obj.length; i<len; i++){
				list[i].onclick=function(){
					stopMusicExt.setAttribute("class", "up");
				}
			}