Para lograr lo que buscas verificar si uno de los 2 radio
esta seleccionado, considero que es mas simple proceder de este modo:
let radios = document.querySelectorAll(".radios")
radios.forEach((elemento) => {
elemento.addEventListener("change", () => {
let actividad = (elemento) ? `Cambio, elegiste: ${elemento.value}` : `No cambio`
console.log(actividad)
})
})
Donde:
- Obtenemos a todos por medio de una clase asignada que en este caso llamaremos
radios
- Como
querySelectorAll
nos devuelve una lista de nodos de todos los elementos coincidentes entonces los recorremos con unforEach
- Ahora por cada
elemento
que obtiene el bucle en sus iteraciones verificamos elevent
dechange
que ocurre cuando seleccionas unradio
- Si dicho elemento que representa a uno de los
radios
esta enchecked
entonces su valor estrue
por eso solo lo escribí como:(elemento)
entonces imprimimos elvalue
que posee para no solo saber que fue elegido sino además recuperar que valor tiene asignado dichoradio button