Форма калькулятора на основе входных значений

Question

Я работаю над калькулятором Cardio Test, который вычисляет риск сердечного приступа.Я хочу получить оценку на основе значений для каждого входа.Логика результатов уже работает, мне просто нужно получить значение результата.Смотрите код ниже.

<script>
$(document).ready(function() {
  $("#female").change(function() {
    if ($(this).is(":checked")) {
      $("#femaleage").show();
      $("#maleage").hide();
    }
  });

  $("#male").change(function() {
    if ($(this).is(":checked")) {
      $("#maleage").show();
      $("#femaleage").hide();
    }
  });

  $( "#cardio__test" ).submit(function( event ) {
    event.preventDefault();
    if ($("#score").val() <= 3) {
      $(".risk__score.low__risk").show();
    } 

    if ($("#score").val() >= 4 && $("#score").val() <= 6) {
      $(".risk__score.moderate__risk").show();
    }

    if ($("#score").val() >= 7) {
      $(".risk__score.high__risk").show();
    }

    if ($("#maleage").val() >= 70) {
      $("#score").val() + 8;
    }

    $(this).hide();
  });



});

</script>

Вот ссылка !

Answer 1

Вы можете просто использовать

var scoreValue = $("#score").val();

Answer 2

Я проверил вашу кодовую ручку и обнаружил, что значение вашей оценки равно string type вместо int , как я тестировал, используя parseInt() и typeof ... и значение строки результата является пустым (может быть, я изменил какой-то код в ручке кода во время тестирования) Как проверить значение оценка и получите ли вы его как число ?
В любом случае, для распечатки значения результата вы можете сделать это разными способами, например

• добавление нового div в ваши результаты div и вывод результатов внутри div

  $(".(new div class name) h3").text($("#score").val());

• или просто оповестить о результатах

  alert($("#score").val());