JSFiddle - React, Tailwind, and code Playground

HTML

<ul class="foreground">
  <li class="main">default</li>
  <li class="main">default</li>
  <li class="main" style="color:red">default</li>
  <li class="main">default</li>
  <li class="main">default</li>
</ul>

JavaScript

alert("hi");
	var elements = document.querySelectorAll(".main");
  
  for (var i = 0; i < elements.length; i++) {
  
 		if(elements[i].style.color == "red"){
    	elements[i].style.color = "";
    }
    
 	}