JSFiddle - React, Tailwind, and code Playground

HTML

<button>Vert</button><button>Rouge</button>
<div>Text 1</div>
<button>Vert</button><button>Rouge</button>
<div>Text 2</div>
<button>Vert</button><button>Rouge</button>
<div>Text 3</div>
<button>Vert</button><button>Rouge</button>
<div>Text 4</div>
<button>Vert</button><button>Rouge</button>
<div>Text 5</div>

JavaScript

var button = document.querySelectorAll("button"),
	i = 0,
	l = button.length;

for (; i<l; i++)
	button[i].addEventListener("click", function (){
		
		var target = this.nextSibling;

		while(target.nodeName.toLowerCase() != "div")
			target = target.nextSibling;

		target.style.backgroundColor = /vert/i.test(this.innerHTML) ? "#0f0" : /rouge/i.test(this.innerHTML) && "#f00";

	}, false);