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
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
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>
<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);
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