0

estoy en enredado en un simple ejercicio que no puedo resolver

tomo los datos de una ventana emergente para luego calcular el promedio que muestra en una tabla del html, al terminar de ingresar los datos no me muestra el resultado del calculo si no que da una respuesta "NaN".

<thead class="table-dark">
                    <tr>
                        <th scope="col">Ramo</th>
                        <th scope="col">Nota 1</th>
                        <th scope="col">Nota 2</th>
                        <th scope="col">Nota 3</th>
                        <th scope="col">Promedio</th>
                    </tr>
                </thead>
<tbody>
                    <tr>
                        <th scope="row">HTML</th>
                        <td id="notaH1">Nota 1</td>
                        <td id="notaH2">Nota 2</td>
                        <td id="notaH3">Nota 3</td>
                        <td id="promH">Promedio</td>
                    </tr>
</tbody>


<script>
    var notaH1 = document.getElementById("notaH1");
    var notaH2 = document.getElementById("notaH2");
    var notaH3 = document.getElementById("notaH3");
    var promH = (parseFloat(notaH1) + parseFloat(notaH2) + parseFloat(notaH3))/3;
    document.getElementById("promH").innerHTML = promH;
    
    
    notaH1.innerHTML = prompt("Ingrese una nota HTML 1");
    notaH2.innerHTML = prompt("Ingrese una nota HTML 2");
    notaH3.innerHTML = prompt("Ingrese una nota HTML 3");
</script>
4
  • Fíjate que contiene las variables que intentas usar como su fueran numero. Commented el 4 abr. a las 19:55
  • Cambiar parseFloat(notaH1) por parseFloat(notaH1.innerHTML) y lo mismo para los otros 2.
    – Yussef
    Commented el 4 abr. a las 19:56
  • contiene el numero que es ingresado por la ventana emergente, los registra en la tabla el problema es cuando se hace el calculo . la variable prom no se llena con el dato Commented el 4 abr. a las 20:03
  • @Yussef lo agregue pero sigue saliendo el mismo resultado. gracias Commented el 4 abr. a las 20:05

1 respuesta 1

0

1.- notaH1 es un elemento HTML un TD, por eso parseFloat no produce resultado debes hacer parseFloat(notaH1.innerHTML)

2.- Calculas el promedio antes de pedir los números con prompt. El orden de las instrucciones de arriba hacia abajo. Por tanto, estas realizando cálculos con valores que no existen. Debes reorganizar las instrucciones

var notaH1 = document.getElementById("notaH1");
var notaH2 = document.getElementById("notaH2");
var notaH3 = document.getElementById("notaH3");

notaH1.innerHTML = prompt("Ingrese una nota HTML 1");
notaH2.innerHTML = prompt("Ingrese una nota HTML 2");
notaH3.innerHTML = prompt("Ingrese una nota HTML 3");

var promH = (parseFloat(notaH1.innerHTML) + parseFloat(notaH2.innerHTML) + parseFloat(notaH3.innerHTML)) / 3;
document.getElementById("promH").innerHTML = promH;
<table>
  <thead class="table-dark">
    <tr>
      <th scope="col">Ramo</th>
      <th scope="col">Nota 1</th>
      <th scope="col">Nota 2</th>
      <th scope="col">Nota 3</th>
      <th scope="col">Promedio</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <th scope="row">HTML</th>
      <td id="notaH1">Nota 1</td>
      <td id="notaH2">Nota 2</td>
      <td id="notaH3">Nota 3</td>
      <td id="promH">Promedio</td>
    </tr>
  </tbody>
</table>

1
  • muchas gracias, eso soluciono el problema Commented el 4 abr. a las 20:24

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.