JSFiddle - React, Tailwind, and code Playground

HTML

<div id="Events" class="module upcoming-events"> 
    <div class="event-header"> 
        <h3>Upcoming Events</h3> 
        <div class="pager"> 
            <a class="button-prev disabled">Prev</a> 
            <a class="button-next">Next</a> 
        </div> 
    </div> 
    <div class="c-events"> 
        <div class="c-events-content"> 
            <div class="not-found">No upcoming events scheduled.</div> 
        </div> 
    </div> 
</div>

JavaScript

$("#Events .event-header h3").text("your new header");