JSFiddle - React, Tailwind, and code Playground

by dhana36

HTML

<ul id="list" style="background:red; width:300px;height:300px;">
<li>Image 1</li>
<li>Image 2</li>
    <li>Image 3</li>
<li>Image 4</li>
    <li>Image 5</li>
<li>Image 6</li>
    <li>Image 7</li>
<li>Image 8</li>
    <li>Image 9</li>
<li>Image 10</li>
  </ul>

JavaScript

$(document).ready(function(){
    ($("#list li").length > 5)?$("#list").css("background","blue"):$("#list").css("background","red")  
    
 
      
  });