JSFiddle - React, Tailwind, and code Playground

by grammar

HTML

<ul>
    <li class="odd">Something</li>
    <li class="even">Something</li>
    <li class="odd">Something</li>
    <li class="even">Something</li>
    <li class="odd">Something</li>
    <li class="even">Something</li>
    <li class="odd">Something</li>
</ul>
<a href="http://google.com">Go</a>
<a href="http://google.com">Go</a>
<a href="http://google.com">Go</a>
<a href="http://google.com">Go</a>
<a href="http://google.com">Go</a>

JavaScript

var i;
var evenRows = document.getElementsByClassName("even");
for (i=0;i<evenRows.length;i++) { evenRows[i].style.backgroundColor = '#555'; }

var oddRows = document.getElementsByClassName("odd");
for (i=0;i<oddRows.length;i++) { oddRows[i].style.backgroundColor = '#333'; }

var theLinks = document.getElementsByTagName("a");    
for (i=0;i<theLinks.length;i++)  { theLinks[i].style.color = '#aaa'; }