document.querySelector null в js

Question

у меня есть этот код >>

function myFunction() {
var a = document.querySelector('input[name="qa1"]:checked').value;
var b = document.querySelector('input[name="qa2"]:checked').value;
var sum = a + b;
alert(sum)
}

<label><input name="q1" value="5" required="" type="radio"> answare</label>
<label><input name="q2" value="10" required="" type="radio"> answare2</label>

<input class="submit-button" value="Score my Answers" name="submit" type="submit" onclick="myFunction()">

Я хочу получать оповещения с суммой q1 и q2, когда нажимаем кнопку «Оценка моих ответов», и они отмечены, помогите

Answer 1

В названии опечатка.Во-вторых, значение является строкой, поэтому результат будет 510 из-за конкатенации строк.Используйте parseInt для преобразования строки в num перед добавлением

function myFunction() {
  var a = document.querySelector('input[name="q1"]:checked').value;
  var b = document.querySelector('input[name="q2"]:checked').value;
  var sum = parseInt(a, 10) + parseInt(b, 10);
  alert(sum)
}

<label><input name="q1" value="5" required="" type="radio"> answare</label>
<label><input name="q2" value="10" required="" type="radio"> answare2</label>

<input class="submit-button" value="Score my Answers" name="submit" type="submit" onclick="myFunction()">