JSFiddle - React, Tailwind, and code Playground

HTML

<div class="panel">
    <div class="poster">
        <div class="wrapper">
            <p class="time">6-7:30PM</p>
            <div class="inner-wrapper">
                 <h2 class="restaurant-title">Restaurant A</h2>

                 <h3 class="deal-description">bla bla bla</h3>

            </div>
        </div>
    </div>
    <div class="poster">
        <div class="wrapper">
            <p class="time">2-4:30PM</p>
            <div class="inner-wrapper">
                 <h2 class="restaurant-title">Restaurant B</h2>

                 <h3 class="deal-description">bla bla bla</h3>

            </div>
        </div>
    </div>
    <div class="poster">
        <div class="wrapper">
            <p class="time">1-5:30PM</p>
            <div class="inner-wrapper">
                 <h2 class="restaurant-title">Restaurant C</h2>

                 <h3 class="deal-description">bla bla bla</h3>

            </div>
        </div>
    </div>
</div>

JavaScript

var panel = document.querySelector(".panel");

panel.addEventListener("click", handleClick);


function handleClick() {

    var h2 = this.querySelector("h2");
    console.log(h2);
}