JSFiddle - React, Tailwind, and code Playground
HTML
<body>
<input type="radio" id="genderMale" name="gender" onclick="greetGender( )">Male</input>
<input type="radio" id="genderFemale" name="gender" onclick="greetGender( )">Female</input>
</body>
JavaScript
function greetGender(){
if(genderMale.checked === true){ //id is directly accessed//
alert("Hello Sir");
}
else{
alert("Hello Madam");
}
};