JSFiddle - React, Tailwind, and code Playground

by Seungrae Lee

HTML

<form>

<input type="radio" name="changeDiv" id="changeDivX" value="X" checked /> X
<input type="radio" name="changeDiv" id="changeDivY" value="Y" /> Y
<br>
checked=<span id="console"></span>
</form>

JavaScript

function changeDiv() {
	var changeDiv = $$("[name=changeDiv]:checked")[0].value;

  $("console").innerText = changeDiv;
}
$$("[name=changeDiv]").each(function(obj, index) {
	Event.observe($(obj), "click", changeDiv);
});
/*Event.observe($("changeDivX"), "change", changeDiv);
$("console").innerText = $$("[name=changeDiv]:checked")[0].value;*/