JSFiddle - React, Tailwind, and code Playground

HTML

<div id="buttonBlock" style="cursor:pointer;">
<span id="s1" class="text block">one</span><br>
<span id="s2" class="text block">two</span><br>
<span id="s3" class="text block">three</span><br>
</div>
<div id="test1"></div>
<div id="test2"></div>

JavaScript

var buttons = 
document.getElementById('buttonBlock');

document.getElementById("test1").innerHTML = buttons;

console.log(buttons);

buttons.onclick = function(e) {
    document.getElementById("test1").innerHTML = e.target.id;
}