Estoy tratando de hacer una página simple en la que el usuario ingrese las calificaciones parciales y finales y luego tome el resultado de la aprobación de los exámenes. Escribí códigos completos sin ninguna ayuda y por mi cuenta la primera vez, pensé que funcionaría, pero no es así.

Cuando verifico los problemas y trato de solucionarlos, he visto que el promedio de los valores de las entradas a las que llamé son vueltas 0 cada vez.

Cuando defino mid y final por mí mismo, sin los valores de entrada, el código funciona en la consola.

No puedo encontrar el problema sobre los valores y los promedios.

Déjame saber dónde están mis errores y malentendidos sobre DOM u otras cosas, por favor. Aquí los códigos:

 // definitions let mid = document.querySelector("#midtermInp") // text input for midterm let final = document.querySelector("#finalInp") // text input for final let average = (mid.value * 0.4) + (final.value * 0.6) let result = document.querySelector('#result') let submitBtn = document.querySelector('#submitBtn') // function submitBtn.addEventListener('click', function(){ if (average >= 0 && average < 50) { result.textContent = `Average: ${average} | FF - Failed` } else if (average >= 50 && average < 60) { result.textContent = `Average: ${average} | FD - Failed` } else if (average >= 60 && average < 65) { result.textContent = `Average: ${average} | DD - Conditional Pass` } else if (average >= 65 && average < 70) { result.textContent = `Average: ${average} | DC - Conditional Pass` } else if (average >= 70 && average < 75) { result.textContent = `Average: ${average} | CC - Passed!` } else if (average >= 75 && average < 80) { result.textContent = `Average: ${average} | BC - Passed!` } else if (average >= 80 && average < 85) { result.textContent = `Average: ${average} | BB - Passed!` } else if (average >= 85 && average < 90) { result.textContent = `Average: ${average} | BA - Passed!` } else if (average >= 90 && average < 100) { result.textContent = `Average: ${average} | AA - Passed!` } mid.value = "" final.value = "" })