Gender select with reset button using javascript

<form> <input type="radio" id="male" name="gender" value="male"> <label for="male">Male</label> <input type="radio" id="female" name="gender" value="female"> <label for="female">Female</label> <input type="radio" id="other" name="gender" value="other"> <label for="other">Other</label><br> <button id="clear-button" type="button">Clear</button> </form> <script> document.getElementById('clear-button').addEventListener('click', function() { var radios = document.getElementsByName('gender'); for (var i = 0; i < radios.length; i++) { radios[i].checked = false; } }); </script>