JSFiddle - React, Tailwind, and code Playground

by Allie Yu

HTML

<input type="radio" name="wmanchor" value="NorthWest" onclick="displayRadioValue()">NorthWest 
<input type="radio" name="wmanchor" value="North" onclick="displayRadioValue()">North 
<input type="radio" name="wmanchor" value="NorthEast" onclick="displayRadioValue()">NorthEast 
<div id="result"></div> 

<!-- <input type="radio" name="wmanchor" value="NorthWest" on-click="_displayRadioValue">NorthWest 
<input type="radio" name="wmanchor" value="North" on-click="_displayRadioValue">North 
<input type="radio" name="wmanchor" value="NorthEast" on-click="_displayRadioValue">NorthEast 
<div id="result"></div>  -->

JavaScript

function displayRadioValue() { 
  var ele = document.getElementsByName('wmanchor'); 

  for(i = 0; i < ele.length; i++) { 
    if(ele[i].checked) 
      document.getElementById("result").innerHTML = ele[i].value; 
  } 
} 


/* _displayRadioValue: function() { 
  var ele = document.getElementsByName('wmanchor'); 

  for(i = 0; i < ele.length; i++) { 
    if(ele[i].checked) 
      document.getElementById("result").innerHTML = ele[i].value; 
  } 
}  */