JSFiddle - React, Tailwind, and code Playground

by michaelschmid

HTML

<h1>Get changed value of a Radio Group</h1>

<ul>
    <li>Mouse and Keyboard</li>
</ul>
  
<div id="myoptiongroup">
    <label><input type="radio" name="myoptions"  value="gaga" /> gaga </label>
    <label><input type="radio" name="myoptions"  value="gugu" /> gugu </label>
</div>

<h4>
<span>
  Changed to Value
</span>
<span id="result"></span>
</div>

JavaScript

document.getElementById('myoptiongroup').addEventListener('change', function(e) {
	document.getElementById('result').textContent = e.target.value;
});