JSFiddle - React, Tailwind, and code Playground

by ChrisStanyon

HTML

<section>
        <span class="sr-only">Application Progressbar</span>
        <ul>
            <li id="basic-info" class="align-self-end applyNow-active"><span class="current-step sr-only">Current step:</span>
                
                <span class="label">BASIC INFORMATION <span class="screen-reader-text"></span></span>
            </li>
            
            <li id="business-info" class="align-self-end">
                <span class="label">BUSINESS INFORMATION <span class="screen-reader-text">NOT COMPLETED</span></span>
            </li>
            <li id="personal-info" class="align-self-end">
                <span class="label">PERSONAL INFORMATION <span class="screen-reader-text">NOT COMPLETED</span></span>
            </li>
            <li id="app-results" class="align-self-end">
                <span class="label">NEXT STEPS</span>
            </li>
        </ul>
    </section>

JavaScript

let label = document.querySelector('.applyNow-active .label').textContent
console.log(label)