JSFiddle - React, Tailwind, and code Playground

HTML

<input type='button' class="js-input" id='userInput1' value='0,5'/>
<input type='button' class="js-input" id='userInput2' value='1,0'/>
<input type='button' class="js-input" id='userInput3' value='2,0'/>
<input type='button' class="js-input" id='userInput4' value='3,2'/>
<input type='button' class="js-input" id='userInput5' value='5,0'/>
<input type='button' class="js-input" id='userInput6' value='10,0'/>
<br>
<p id="boldStuff2">Text</p>

JavaScript

var input = document.querySelectorAll('.js-input');
function changeText(e) {
	document.getElementById('boldStuff2').innerHTML = e.target.value;
}
input.forEach(function(element){
	element.addEventListener( "click" , changeText);
});