Hola, estoy siguiendo todos los pasos que dice Freddy, pero cuando abro mi archivo, primero se despliega el alert y despues si muestra el...

Diego Muñoz

Pregunta

student•

Hola, estoy siguiendo todos los pasos que dice Freddy, pero cuando abro mi archivo, primero se despliega el alert y despues si muestra el texto dentro del body.

<!DOCTYPE html>
<html>
  <head>
    <title>Peso en otro planeta</title>
  </head>
  <body>
    <h1>Tu peso en otro planeta</h1>
    <p>En la Tierra pesas distinto que en Marte o Jupiter.</p>

    <script type="text/javascript">
      var g_tierra= 9.8;
      var g_marte= 3.7;
      var g_jupiter=24.8;
      var peso= 70;
      var peso_final;
      peso_final=peso*g_marte/g_tierra;
      alert("Tu peso en Marte es de "+peso_final);
    </script>

  </body>
</html>

Daniel Ballen

student•

Hola juand009 espero te encuentres muy bien.

Analizando tu código y dando respuesta a tu pregunta, lo que sucede es que cuando abrimos nuestro archivo html en el navegador el ejecuta primero lo que tengas en el Script y luego en el Body, dando prioridad al alert que tienes.

A continuación te dejo una variación para el ejercicio que estás desarrollando.

<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
     <title> Tu peso en Marte</title>
   </head>
   <body>
     <h1> Tu Peso en otro planeta</h1>
     <p>En la tierra pesas distinto que en marte o en Jupiter</p>
     <script type="text/javascript">
       var  usuario = prompt("Cual es tu peso ??");
       var peso = parseFloat(usuario);
       var g_tierra = 9.8;
       var g_marte= 3.7;
       var g_jupiter = 24.8;
       var peso_final;
       peso_final = peso * g_marte / g_tierra;
       peso_final = parseFloat(peso_final);
       document.write("Tu peso en marte es <strong>"+ peso_final+" Kilos</strong>");
     </script>
   </body>
</html>

Saludos.

Daniel Ballen

student•

Hola juand009 espero te encuentres muy bien.

A continuación te dejo una variación para el ejercicio que estás desarrollando.

<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
     <title> Tu peso en Marte</title>
   </head>
   <body>
     <h1> Tu Peso en otro planeta</h1>
     <p>En la tierra pesas distinto que en marte o en Jupiter</p>
     <script type="text/javascript">
       var  usuario = prompt("Cual es tu peso ??");
       var peso = parseFloat(usuario);
       var g_tierra = 9.8;
       var g_marte= 3.7;
       var g_jupiter = 24.8;
       var peso_final;
       peso_final = peso * g_marte / g_tierra;
       peso_final = parseFloat(peso_final);
       document.write("Tu peso en marte es <strong>"+ peso_final+" Kilos</strong>");
     </script>
   </body>
</html>

Saludos.

Juan Pablo Perez

student•

hola juan estaba viendo el video para revisar tu duda pero realmente a el no se le dispara el alert porque no habia recargado la pagina pero en el momento que lo recarga se le dispara el alert. Espero te sirva de ayuda creo que vas bien hasta donde lo llevas yo le quite el type=javascript al script y me funciono como en el video, es el minuto 7:53 si observas a el no se le dispara porque no habia recargado pero en el momento que lo hace es que ocurre. Feliz dia bro sigue asi

Aldo Juarez Virgen

student•

También depende del navegador que uses. A mí me pasa lo mismo de que se ejecuta el alert primero en Edge. Checa en Internet Explorer o Chrome para ver la diferencia.

Luis Lira

student•

Si usas Chrome, es por eso. Con Chrome ya no funciona como en el curso (antes sí), si lo haces con Firefox se comportará como esperas.

Hola, estoy siguiendo todos los pasos que dice Freddy, pero cuando abro mi archivo, primero se despliega el alert y despues si muestra el...

Curso Gratis de Programación Básica

Curso Gratis de Programación Básica