JSFiddle - React, Tailwind, and code Playground

by Alma Grace

HTML

<article>
    <header>
         <h1> top ten</h1>
 <span class="author">aLMA</SPAN>
         <span CLASS="DATE">Mar 20</SPAN>  
    </header>
    <ol id="reasons">
                <li>1  </li>
                <li>2  </li>
                <li>3  </li>
                <li>4  </li>
                <li>5  </li>
                <li class = "best">6  </li>
        </ol>
    </article>

JavaScript

var topList = document.getElementById("reasons");

/*
for(var el = topList.firstElementChild; el; el = el.nextElementSibling) {
    alert(el.textContent);
}
*/


for (var el = topList.firstElementChild; el; el = el.nextElementSibling) {
    if (el.classList.contains("best")) {

        alert("The best" + el.textContent);
    }
}