JSFiddle - React, Tailwind, and code Playground

by Adrien Joly

HTML

<div style="padding: 10px;">
  <button>Mon 1er Bouton</button>
</div>
<div style="padding: 10px;">
  <button>Mon 2ème Bouton</button>
</div>
<div style="padding: 10px;">
  <button>Mon 3ème Bouton</button>
</div>

JavaScript

var boutons = document.getElementsByTagName('button');
for (var i = 0; i< boutons.length; i++) {
  boutons[i].onclick = function(event) {
  	var divParent = event.currentTarget.parentNode;
    divParent.style.background = 'yellow';
  };
}