how can i print the output of radio input?

Question

here is my html code;
<tr>
<td>Gender</td>
<td>
<div class="a">
<input type="radio" name="gender" value="male" id="Male">male
<input type="radio" name="gender" value="female" id="Female">female
</div>
</td>
<p>gender : <span id="userGender"></span></p>

here is my javascript code:
var gender= document.getElementsByClassName("a").value;
if(document.getElementsByClassName("Male").checked){
var gender_value = document.getElementById("Male").value;
document.getElementById("userGender").innerHTML = gender_value;
}

Answer 1

nknown

Use this

var radios = document.getElementsByName('gender');

  for (var radio of radios) {
    if (radio.checked) {
      alert(radio.value);
    }
  }

Answer 2

nknown Good it solved but don't waste too much time on a simple thing. Just try till only 30 minutes. If you don't get solution within that times you should ask.

Answer 3

nknown I gave you example. You can replace alert.

Answer 4

AJ Anant - C#/Java Challenger really thank sir.It took me about four hours to solve.

Answer 5

𝐊𝐢𝐢𝐛𝐨 𝐆𝐡𝐚𝐲𝐚𝐥 sorry .connection error

Answer 6

AJ Anant - C#/Java Challenger it's print as alert box but when I try to print on <p> ,it isn't work.