Estoy tratando de hacer una operación aritmética usando el botón de opción (solo un experimento)
el navegador devuelve el valor NaN
let num1 = parseInt(document.querySelectorAll('#number1:checked')); let num2 = parseInt(document.querySelectorAll('#number2:checked')); function addTambah() { result = num1 + num2; alert(result); } <p>number : </p> <input type="radio" name="number1" id="number11" value="1"> <label for="radio">1</label> <input type="radio" name="number1" id="number12" value="2"> <label for="radio">2</label> <p> number 2 : </p> <input type="radio" name="number2" id="number21" value="1"> <label for="radio">1</label> <input type="radio" name="number2" id="number22" value="2"> <label for="radio">2</label> <br> <button type="button" onclick="addTambah()">Add</button>Debe obtener el valor de los botones de radio marcados dentro de la función y, en segundo lugar, cada elemento dom debe tener una identificación única. También use querySelector en lugar de querySelectorAll
function addTambah() { let add = document.querySelector('input[name="number1"]:checked').value; let add1 = document.querySelector('input[name="number2"]:checked').value; const result = parseInt(add, 10) + parseInt(add1, 10) alert(result); } <p>number : </p> <input type="radio" checked name="number1" id="number1" value="1"> <label for="radio">1</label> <input type="radio" name="number1" id="number2" value="2"> <label for="radio">2</label> <p> number 2 : </p> <input type="radio" name="number2" id="number3" value="1"> <label for="radio">1</label> <input type="radio" checked name="number2" id="number4" value="2"> <label for="radio">2</label> <br> <button type="button" onclick="addTambah()">Add</button>