Se toma la ecuación del peso y una regla de 3 para obtener en el peso en marte, partiendo de la gravedad en ambos planetas

Untitled

Con esta información se escribe el código con la estructura de la clase anterior

<html>
<head>
  <title>     Cuanto pesas?  </title>
  <style>
    body{background-color : black;
      color: white;
    font-family: Helvetica;}

    strong{
      background-color: #0DD0DD;
    }
    strong1{
      background-color: #0F0FFD;
    }
    strong2{
      background-color: #D000ED;
    }

    </style>
  </head>

  <body>

    <h1> Tu peso en otro planeta </h1>
    <script>

      var peso = prompt("cuanto pesas?");
      var PesoTierra = parseFloat(peso);
      var planeta1 = "TIERRA";
      PesoTierra = PesoTierra.toFixed(2);

      var PesoMarte= (PesoTierra*3.7)/9.8;
      PesoMarte = PesoMarte.toFixed(2);

      var PesoJupiter= (PesoTierra*24.8)/9.8;
      PesoJupiter = PesoJupiter.toFixed(2);

      document.write("Tu peso en la "+ planeta1+" es: <strong>"+ PesoTierra +"</strong> kg<br>");
      document.write("Tu peso en marte es: <strong1>"+ PesoMarte +"</strong1> kg<br>");
      document.write("Tu peso en jupiter es: <strong2>"+ PesoJupiter +"</strong2> kg");

    </script>

  </body>
  </html>

A este código se le agregaron estilos de CSS desde HTML para obtener el siguiente resultado

Untitled

En este caso, se usaron elementos como

document.write("[texto]") = Para poder agregar el resultado que vería el usuario

variable.**parseInt(**[variable]**)** = esto sirve para convertir una variable en un entero y así eliminar decimales

variable.**parseFloat(**[variable]**)** = esto sirve para convertir una variable en un float y así entregar decimales

prompt("cuanto pesas?"); = se usa para indicarle al usuario que digite su peso

<aside> 💡 Usar las herramientas del inspector elemento sirven para saber el estado de las variables

</aside>

Untitled

<aside> 🔥 Siempre que se le pide un dato al usuario, javascript, lo toma como texto, hay que convertirlo usando la función parse, para operar con él

</aside>

var peso = prompt("cuanto pesas?");
var PesoTierra = parseFloat(peso);

Así

Se pueden combinar estas herramientas y concatenar un resultado que se imprime al usuario, asi

document.write("Tu peso en la "+ planeta1+" es: <strong>"+ PesoTierra +"</strong> kg<br>");

En este caso se escribe con JavaScript, se concatena con variables, y se usan etiquetas de HTML para darle propiedades al texto