JSFiddle - React, Tailwind, and code Playground

HTML

<p class='click'>1</p>
<p class='click'>2</p>
<p class='click'>3</p>
<p class='click'>4</p>
<p class='click'>5</p>
<p class='click'>6</p>
<p class='click'>7</p>

CSS

.click {
  background-color: #121212;
  color: #fff;
}

JavaScript

const nodes = document.querySelectorAll('.click')

nodes.forEach( el => {
	el.addEventListener('click', () => {
  	el.style.backgroundColor = 'red'
  })
})

setTimeout(() => { 
	nodes.forEach( el => { el.click() }) 
}, 2000)