JSFiddle - React, Tailwind, and code Playground

HTML

<div class="apples">
  Apples
</div>
<div class="apples">
  Apples
</div>
<div class="apples">
  Apples
</div>
<div class="apples">
  Apples
</div>
<div class="apples">
  Apples
</div>

JavaScript

var banner = document.getElementsByClassName("apples");

// add a for loop for event listeners on the nodelist
for ( i = 0; i < banner.length; i++) {
  console.log(banner[i]);
  banner[i].addEventListener("click", function() {
 	 this.style.backgroundColor = "black"
  });
}