Поле электронной почты превращается в переключатель

Question

У меня есть эта кодовая ручка: https://codepen.io/stdobrescu/pen/xxbMbLK Последнее поле, являющееся текстовым вводом, превращается в радиокнопку при нажатии любого другого радиовхода. Я не могу выяснить, что вызывает это. Это поле:

 <div class="input-block">
        <label>Your email</label>
        <div class="input-control">
          <input type="email" name="firstname" placeholder="Email">
        </div>
      </div>   

$("input[type='radio']").click(function() {
    var question = document.getElementsByTagName("input");
    var totalScore = 0;

    for (i = 0; i < question.length; i++) {
      if ((question[i].type = "radio")) {
        if (question[i].checked) totalScore += parseInt(question[i].value, 10);

        console.log(totalScore);
        displayLevel(totalScore);
        $("#score").html(totalScore);
      }
    }});

Answer 1

попробуйте getElementsByClassName вместо getElementsByTagName

$("input[type='radio']").click(function() {
    var question = document.getElementsByClassName("toggle");
    var totalScore = 0;

    for (i = 0; i < question.length; i++) {
      if ((question[i].type = "radio")) {
        if (question[i].checked) totalScore += parseInt(question[i].value, 10);

        console.log(totalScore);
        displayLevel(totalScore);
        $("#score").html(totalScore);
      }
    }});