JSFiddle - React, Tailwind, and code Playground

by Justin

HTML

<ul>
  <li class="collection">List 1</li>
  <li class="collection">List 2</li>
  <li class="collection">List 3</li>
  <li class="collection">List 4</li>

</ul>

<button class="btn">Button</button>

JavaScript

let btn = document.querySelector(".btn");
let item = document.getElementsByClassName("collection");
btn.addEventListener("click", function(e) {
	item[2].style.background = "black";
});