JSFiddle - React, Tailwind, and code Playground

by aka_SKIff

HTML

<label>
  <input type="radio" name="rb" data-target="container1">Button 1</label>
<label>
  <input type="radio" name="rb" data-target="container2">Button 2</label>
<label>
  <input type="radio" name="rb" data-target="container3">Button 3</label>
<br>
<br>
<div id="result"></div>

JavaScript

var elems = document.querySelectorAll('[name="rb"]')
for (var elem of elems) {
  elem.addEventListener('change', function(e) {
		var target = e.target.getAttribute('data-target');
    document.getElementById('result').innerHTML = target;
  })
}