JSFiddle - React, Tailwind, and code Playground

HTML

<table>
<tr>
  <td id="td1">test</td>
  <td id="td2" class="pas_white">test2</td>
</tr>
</table>

CSS

td{
  background: white;
}

.pas_white{
  background: #26C7EB;
}

body{
  background: purple;
}

JavaScript

function eventFunction(){
this.classList.toggle("pas_white");
}

Array.from(document.getElementsByTagName("td")).forEach(
function(elt){
	elt.addEventListener('click', eventFunction);
}
);