JSFiddle - React, Tailwind, and code Playground

by Taras Vasylivskyy

HTML

<ul>
  <li class="lis">1</li>
  <li class="lis">2</li>
  <li class="lis">3</li>
  <li class="lis">4</li>
  <li class="lis">5</li>
  <li class="lis">6</li>
  <li class="lis">7</li>
  <li class="lis">8</li>
  <li class="lis">9</li>
  <li class="lis">10</li>
</ul>

JavaScript

let lis = document.querySelectorAll('.lis')
console.log(lis);
for(let i = 0; i < lis.length; i++) {
	if (i <= 5) {
  	  lis[i].style.color = 'blue';
  }
}