JSFiddle - React, Tailwind, and code Playground

HTML

<span id="s1" class="text block">one</span><br>
<span id="s2" class="text block">two</span><br>
<span id="s2" class="text block">three</span><br>
<div id="test1"></div>
<div id="test2"></div>

JavaScript

var buttons = document.querySelectorAll('.text.block');
var test1 = document.querySelector('#test1');
var test2 = document.querySelector('#test2');
Array.from(buttons).forEach(function(button){
    button.addEventListener('click', function(e) {
    		test1.innerHTML=e.target.id;
        test2.innerHTML=e.target.innerHTML;
    		console.log(e.target);
    })
});