Platzi
Platzi

¡Invierte en ti y celebremos! Adquiere un plan Expert o Expert+ a precio especial.

Antes: $349
$259
Currency
Antes: $349
Ahorras: $90
COMIENZA AHORA
Termina en: 17D : 11H : 19M : 1S

Debes tener cuenta en Platzi

Para ver esta clase abierta debes iniciar sesión

Peso en otro planeta8/36

¿Cuánto pesas en la tierra?, calculemos tu peso en otro planeta

 

Creemos nuestro primer algoritmo que nos permita saber nuestro peso en otro planeta, luego escribamos esto en código usando JavaScript.

 

Recuerda:

 

  • Los títulos se pueden agregar con la etiquetas h1,h2,h3,h4,h5,h6

 

Lo mas optimo sería no quitar los decimales porque los pesos son tipos de datos flotante, por lo que la mejor solución sería  convertir a solo 2 decimales para hacerlo mas entendible

peso_final.toFixed(2)

📌 La función parseInt() nos sirve para convertir una cadena o número con punto decimal a un número entero.

var cadena = "12";
var numero_punto_decimal = 22.2;
var numero_entero = parseInt(cadena) + parseInt(numero_punto_decimal);

Excelente explicación, como siempre


Una acotación; No me odien por esto: Yo llamaría al programa -Cuál debe ser mi masa en la tierra para tener el mismo peso que en marte


¿Por qué? -(Peso = Masa * Gravedad)-, es decir masa != peso


Entonces según la fórmula que usamos 

masa2 = masa1*g_marte/g_tierra 


el peso en marte sería 77kg * 3.7m/s2 = 284.9Nw 

¿Cual debería ser mi masa para pesar lo mismo en la tierra? 

Respuesta: El valor que calculó @Freddier es decir 29


Comprobación: Peso en la tierra sería 29Kg * 9.8m/s2 = 284 Nw


Bendiciones y éxitos seguiré aprendiendo mucho con ustedes

El ejemplo está excelente, pero sólo como dato (físico purista) la masa en kg no cambia en ningún planeta. El peso (unidades de Newtons) sí cambia y es la multiplicación de la masa por la aceleración de la gravedad del planeta.

media hora mirando el codigo porque o me salia el alert y me di cuenta que escribi 3,7 en ves de 3.7 esten pendientes de las comas y los puntos.

Me quede pensando (más que en código, en lo de física): recordaba que en clase aprendí que masa != peso. La masa no cambiará si está en Marte, lo que si cambia es el peso que se calcula en Newtons, para ellos solo habría que calcular: peso = masa * gravedad

Hola Freddy ! Quiero hacer un pequeño aporte. Estaba viendo este vídeo y en el min 3:55 al oírte decir “eventualmente te acostumbras esto, es normal” quede como WTF! para eso existe Emmet ! entonces tuve la necesidad de investigar un poquito sobre Atom
Y bueno creo que seria de gran utilidad para los recién iniciados en el mundo de la programación tanto conocer las herramientas que utilizan (en este caso atom), como generar la costumbre del aprendizaje autodidacta. Por eso le propongo al equipo de trabajo de Platzi crear un curso almenos básico de Atom.

Un pequeño ejemplo de temario seria:

Introducción y configuración (Para dar información de importancia sobre el programa por ejemplo que es un producto open source de GitHub, de paso hablar de la importancia de Github para el programador y linkearlos al Curso profesional de Git y GitHub en platzi.com SLASH cursos SLASH git-github XD)

**Plugins: instalación, uso, creación y recomendados **(algunos como Minimap Package, Color picker, File icons, Emmet, Linter, Merge Conflicts y Git-Plus Package)

Consola y por ultimo pero de gran importancia Documentacion, aunque suene obvio, se aprende muchísimo de la documentación de las “cosas” y es un error muy común en los recién iniciados no saquerle provecho y me arriesgo a decir que un 100% de la gente que no sabe ingles no la abre ni por curiosidad, hasta que la necesita de urgencia. Creo que aprender a usar una documentación, para sacarle el máximo posible, seria una muy “buena practica” a introducir en un curso sobre todo para los principiantes que les enseña que es un editor de texto y como usarlo eficientemente, es algo que te va a ser de utilidad toda tu vida de programador.

Y como este es mi primer comentario aprovecho para decir que estoy acá por Freddy, ídolo total ! sin el no les daba un centavo xD. Mis felicitaciones a todo el equipo de Platzi, hacen un trabajo estupendo, ciertamente la relación calidad precio es excelente, aunque es mi primer dia en la plataforma y me falta sentirla un poco mas y todo eso, veo Platzi Live y las Platziconf (ya tendré oportunidad de asistir) y la verdad que deja muy en claro la calidad de su trabajo.

Mis sinceras disculpas si el mensaje resulta invasivo y denso, menos mal que no hay limite de caracteres… y aunque suene tonto excusarme ahora, no soy una persona aduladora ni suelo comentar nunca, de hecho tuve que crearme una Acc de FB para el registro, pero la emocion del momento me pudo. Siento que soy Autodidacta por obligación ya que fui defraudado en todos los niveles educacionales de mi país, a tal punto de dejar la carrera de ING. ECA. y con Platzi resurgió mi deseo de aprender.
Muchas gracias y Saludos !

Gracias por el contenido, es excelente, tengo una consulta, que programa usas para hacer los apuntes en pantalla, ? 

Si quieren tener dos decimales utilicen :

peso_final = parseFloat(peso_final).toFixed(2);

// el numero entre paréntesis nos indica cuantos decimales queremos.

Apuntes de clase:

  • Podemos declarar variables sin asignarles algún valor.
  • En JavaScript tenemos funciones especiales que manipulan numeros una de esas funciones se llama parseInt, esta me permite redondear un numero con muchos decimales.
  • Cuando nosotros estamos asignando algo primero ocurre lo de la derecha de la asignacion y luego ocurre lo de la izquierda es decir primero la operacion ocurre y luego se le asigna a la variable.
  • Los titulos se pueden agregar con la etiquetas h1,h2,h3,…

Cuando se declaran un conjunto de variables de forma consecutiva se puede realizar de la siguiente manera:

<script>
var g_tierra = 9.8,
    g_marte = 3.7,
    g_jupiter = 24.8;

</script>

Separando las variables por una coma, de esta forma te ahorraras escibir la palabra var tantas veces como variables tengas.

gran tutotial este es mi codigo 


<script type="text/javascript">

//variables para armacenar las fuerzas de gravdad en la tierra 

    var g_tierra = 9.8;

    var g_martes = 3.7;

    var g_jupiter = 24.8;

// estas son los pesos finales en los planetas martes y jupiter

    var peso = prompt('cual es tu peso en la tierra');

    var g_fmartes = peso * g_martes/g_tierra;

    var g_fjupiter = peso * g_jupiter/g_tierra;

//pasando los valores a numeros enteros

    var g_fmartes = parseInt(g_fmartes);

    var g_fjupiter = parseInt(g_fjupiter);

    //imprimiendo el resultado

    document.write('tu peso en es martes' + g_fmartes);

    document.write('tu peso en es jupiter' + g_fjupiter);

  </script>


me gustaria saber como puedo imprimir los resultados pero en lineas diferentes no seguidas 

 



<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title>Peso en otro planeta</title>
    <style type="text/css">
      body
      {
          background-color: green;
          color: white;
          font-family: Helvetica;
      }
      strong
      {
          color: red;
      }
    </style>
  </head>
  <body>
    <h1>Descrube tu peso en otros planetas que no son la tierra</h1>
    <p>Para eso no tienes que indicar <strong> tu peso</strong></p>
      <script type="text/javascript">
				alert("Nos tienes que dar tu peso");
 			 var peso = prompt("Dinos tu peso actual")
  // planetas a trabajar: todos los del sistema solar
  		var g_mercurio = 3.7;
  	var g_venus = 8.87;
		var g_tierra = 9.8;
  	var g_marte = 3.711;
  	var g_jupiter = 28.4;
 	  var g_saturno = 10.44;
  	var g_urano = 8.7;
 	  var g_neptuno = 11.15;
  	var g_pluton = 0.62;
pesoenjupiter = g_jupiter * peso / g_tierra
pesoenjupiter = parseInt(pesoenjupiter);
document.write("tu peso en jupiter es " + pesoenjupiter);
  // ensayo y error

      </script>
  </body>
</html>

Este es mi aporte a la clase 😉

la funcion de parseInt es convertir las variables de tipo float(decimales)         a tipo int(entero)

Hola Freddy, seguimos tu curso con unos estudiantes del colegio y uno de ellos descubrió que no es necesario escribir todas las líneas una por una, simplemente con escribir en Atom la palabra html y dar Enter el automáticamente escribe en nuestro archivo lo siguiente:
<!DOCTYPE html>
<html>
<head>
<meta charset=“utf-8”>
<title></title>
</head>
<body>

</body>
</html>

Saludos y muchas gracias por transmitir tus conocimientos.

Si al incrustar código JS directamente en un archivo .html la aplicación no te detecta estas variables, es necesario decirle al programa que lo reconozca. Clic en la parte inferior derecha del programa y selecciona “auto detect”.

Atom

LES COMPARTO UN RESUMEN DE LOS TEMAS DADOS HASTA EL MOMENTO COMO PARA HACER UN RÁPIDO REPASO CON LOS COMENTARIOS RESPECTIVOS. ESPERO QUE LES SIRVA. SALUDOS.

<!-- .HTML -->
<!-- COMENTARIO EN .HTML -->
<!DOCTYPE html>
<html>
<head>
<title> Título de la página </title>
<!-- .CSS -->
<style>
/* COMENTARIOS EN .CSS /
/
ATRIBUTOS DE ETIQUETA BODY /
body
{
background-color: #AAAAFF; /
ASIGNO COLOR DE FONDO DEL BODY /
color: white; /
ASIGNO COLOR A LAS LETRAS DEL BODY /
font-family: Helvetica; /
ASIGNO FORMATO DE LETRAS DEL BODY /
}
/
ATRIBUTOS DE ETIQUETA STRONG (NEGRITA) /
strong
{
background-color: #FFAAAA; /
ASIGNO COLOR DE DE FONDO A LETRAS EN STRONG (NEGRITA) */
}
</style>
<!-- FIN .CSS -->
<head>
<body>
<p> “parrafo” <strong>negrita</strong> “parrafo”
</p>
<!-- .JS (JAVA SCRIPT) -->
<script>
// COMENTARIOS EN .JS
alert(“escribir algo”); // MUESTRA MENSAJE EN VENTANA DE PANTALLA
alert(“escribir algo” + var); // MUESTRA MENSAJE EN VENTANA DE PANATALLA Y VALOR DE VARIABLE
var x = 1; // ASIGNA UN VALOR A UNA VARIABLE
nombre = prompt(“¿Cuál es tu nombre?”); // PIDE AL USUARIO INGRESAR DATOS Y GUARDA EN VARIABLE
document.write(“escribo algo” + var); // ESCRIBO ALGO EN EL BODY Y MUESTRO VALOR DE VARIABLE
var = parseInt(var); // FUNCION QUE REDONDEA EL VALOR DE UNA VARIABLE
document.write(var); // ESCRIBO SOLAMENTE EL VALOR DE UNA VARIABLE
// COMENTARIO SE PUEDEN REALIZAR TODO TIPO DE OPERACIONES MATEMATICAS ENTRE LAS VARIABLES
<h1> TITULO </h1> // LOS TITULOS DE PUEDEN AGREGAR CON LAS ETIQUETAS h1,h2,h3,h4,h4,h5,h6
</script>
<!-- FIN .JS (JAVA SCRIPT) -->

</body>
</html>
<!-- FIN .HTML -->

Aquí hay más sobre las funciones de matemáticas de Javascript: https://www.w3schools.com/js/js_math.asp

Cuando comenzó a explicar la regla de tres simple hasta me hizo dudar de mi conocimiento. Le puse pausa al vídeo y volví a investigar. Yo dije “Pero como es posible que Freddy no sepa la regla de tres simple”, luego le di play de nuevo y ustedes ya saben… 😂

Kg = Masa que es la misma en cualquier lado.

Peso = (Masa + Gravedad) Newtons(N)

P =m*g.

para la negrita tambien sirve <b>…</b> por <strong>

me llevo 2 horas (en las que intente de todo) encontrar un error a la hora de cerrar <title> </titlt> ese pequeño error hacia que el buscador no leyera todo lo demás y me aparecía toda la pag en blanco

moraleja, antes de intentar de todo revisa bien el código letra por letra jajaja

Buenas, el script con las variables no me funciona, incluso copiando y pegando exactamente lo mismo.

Hola compañeros, note algo incorrecto en la fórmula de Freddy.
Freddy esta usando la palabra “peso” para describir el concepto de “masa”; cuando tu te “pesas” en un bascula el resultado que te arroja es tu masa, ya que el resultado esta expresado en unidades de masa (kilogramos, libras etc). Tu masa no depende de la gravedad de la tierra, es por eso que no se puede resolver con la regla de tres que explica Freddy. Lo que si depende de la aceleración de la gravedad del planeta en que te encuentres es el peso, y se expresa, en unidades del Sistema Internacional como kilogramo por metro sobre segundo al cuadrado (kgm/s^2) que es igual a un Newton (1N).
La formula correcta para saber el peso de un objeto es : masa por la aceleración de la gravedad (m
a), de esta forma te quedara en unidades de fuerza (Newtons) ya que kg(m/s^2) = 1N.
Es importante utilizar la formula correcta porque, aunque el código funcione el resultado que le arrojara al usuario es incorrecto.
Si alguien encuentra algún error en mi procedimiento por favor háganmelo saber, saludos.

Siento que me ensañan con peras y manzanas :3 me parece bien 😄

No estamos gordos, Solo que nos equivocamos de planeta …

Captura de Pantalla 2019-12-09 a la(s) 8.54.20 a. m..png ❤️

Para dejar 2 decimales.
peso_final = parseFloat(peso_final).toFixed(2);

a modo de retroalimentación, si una persona tiene una masa de 77kg (lo que reporta la balanza) su peso es de 77*9.8, el factor de conversión que usa freddy es para cuando tenemos un dato que es de peso, pero 77 kg es un dato de masa

siempre me ha parecido entender la función parse, pero ahora la entendí mejor

<code>

Hola, les envió el código HTML, el Js y la imagen de del diseño donde quiero mostrar los resultados en cada imputs del HTML (disculpen la identación).

<div class="container ">
    <div class="row">
	<div class="colmd-4">
		<p">Metabolismo Basal</p>		<hr>
<form action="" id="formulario">
    <div class="for-group mb-3">		<label for="nombre">Sexo:</label><br>
	<input type="radio"  name="sexo" id="mujer" value="Mujer"> Mujer
<input type="radio"  name="sexo" id="hombre" value="Hombre"> Hombre
</div>
<div>
<label for="nombre">Peso corporal</label>
<input type="number" class="form-control"
name="peso" id="peso2">
</div>	
<div>
<label for="nombre">Estatura (Talla o Altura)</label>
<input type="number"  name="estatura" id="talla2"></div>
<div class="for-group mb-2">
<label for="nombre">Edad</label>
<input type="number" name="edad" id="edad2">
	</div>
<p >Tu metabolismo basal es:</p>
<input type="text"id="resultado2" readonly>
					
<input type="submit" value="Calcular" id="submit" >	
</div>
</form>

El código Js tome el ID del form, declare variables tomando el ID respectivo de cada imput para obtener su valor númerico, los imputs son de tipo “number”, declare 3 constantes con sus respectivos valores. Cree la función “metabolismoHombre” y les pase sus parámetros según las variables globales declaradas. Ejecute la función de una suma algebraica pidiendo el resultado a tarvés de un “return” pero no me mostraba ningún valor. Le pase a cada parámetro su valor numérico (cosa que no debería ser porque pensé que los obtendría declarándolos con variables al antes de la función) .

Al pasarle esos parámetros manualmente y actualizar el navegador me mostró el resultado en el imput que está antes del botón de ""Calcular, lo que quiere decir que realizo la función sin haber clickleado el botón, cosa que está mal.

Para finalizar, les envío la nueva imagen donde se muestra el resultado de la función.

Estaba muy animado al principio cuando creia tener la solución, pero luego de tratar de hacer cálculos no obtengo los resultados esperados, sé que la programación puede llegar a ser frustrante y la emoción de haber hecho algo bien se vuelve efímera cuando algo no da resultados positivos. De la alegría se pasa a la frustración… Disculpen tanto texto.

![]()```
<code>
var formulario = document.getElementById(‘formulario’),
peso = parseFloat(document.getElementById(‘peso2’).value),
talla = parseFloat(document.getElementById(‘talla2’).value),
edad = parseFloat(document.getElementById(‘edad2’).value),
constante1 = 10,
constante2 = 6.25,
constante3 = 5,

<div class=“col-md-4 col-xl-4”>
<p class=“px-2 py-2 mt-5 h2 bg-primary text-white text-center”> MB y Actividad física </p>
</div>

<div class=“col-md-3 col-xl-3”> <p>Tu valoración</p>
<p>El resultado de tu MB es:</p>
<input type=“text” id=“resultado2” class=“form-control mb-2” readonly="">
</div>
</div>
</div>
</div>
<code>


	mb_hombre = 5;
 
function metabolismoHombre(peso, constante1, constante2, talla, constante3, edad, mb_hombre){
   var resultado = ((constante1*peso) + (constante2 * talla) - (constante3 * edad) + mb_hombre);
	return resultado;
	}
 
formulario.addEventListener('submit', metabolismoHombre);
 
var mostrar = metabolismoHombre (80,10,6.25,168,5,41,5);
mostrar = (mostrar.toFixed(2));
mostrar = document.getElementById('resultado2').value = mostrar;``

es mas simple sacar a parte cuanto masas y luego multiplicar tu masa por la gravedad de dichos astros.

a mi no se me ejecuta java script y está igual que en el video

no se si hay etiquetas adicionales para crear fuentes para los titulos

MarteJupiterKripton.jpg

Qué lindo está el curso, estoy aprendiendo desde cero! Pero @Freddy te pido que nos tengas compasión en el examen! 😃

CUIDADO! parseInt es con mayúscula en la i.
Debido a este error de tipeo no me aparecía el valor de la variable peso_final en el navegador.

En realidad el peso es la masa (kg) x gravedad (m/s²). Por lo que la ecuación --> peso_final = peso * g_marte / g_tierra es incorrecta. A lo que él llama peso en realidad es la masa. Soy consciente de que está hecho con fines didácticos pero creo que era necesario remarcarlo.

si ven esos codigos en los titulos y h1 ? son emoticones de planetas y cohetes en html los pueden buscar en emoji tierra donde hay emoticones hecho codigo saludos 😄

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>&#127758; tu peso en otros planetas &#129680;</title>
</head>
<body>
    <h1>
        tu peso en otro planeta
    </h1>
            <p>
                en la tierra pesas distinto que en otros planetas &#128640; 
            </p>
    <script>
        var g_tierra = 9.8;
        var g_marte = 3.7;
        var g_jupiter = 24.8;
        var peso = 56;
        var peso_final;
        peso_final = peso * g_marte / g_tierra;
        peso_final = parseInt (peso_final);
        document.write(peso_final);
    </script>
</body>
</html>

Para los que no le sale el código en color, solo borren la etiqueta de cierre en script “>” y la agregan nuevamente. Saludos!!

La magia de JavaScript!!

Y el tutor de programación es bueno?.. Pues no sabe hacer reglas de 3 jajaj hay Dios o_o

hola, alguien sabe como hago para que el alert no me aparezca antes de que cargue la estructura html? es que asi ponga el script al final sucede esto.

Yo me decidí por Visual Code!!!

Un tip interesante es que en Visual Studio Code (Y supongo que en otros editores también) al escribir hmlt se abre un menú desplegable y al clickear en algunas de las opciones como HTML:5 se autorellena todas las etiquetas básicas

Genial video!
Me pase horas buscando errores en el código porque no me salía el peso,
para darme cuenta después,
que al cerrar, había escrito mal </scirpt>
🤣

El peso es una fuerza, lo mas correcto seria la masa

Yo utilizo el block de notas xP jejeje

Tengo una duda por que en mi navegador siemre se ejecuta primeramente el codigo javascript?

<!DOCTYPE html>

<html>
  <head>
    <title>Tu peso en otro planeta</title>
  <head>

  <body>
    <h1>Tu peso aproximado en otro planeta</h1>
    <p>En la tierra pesas distinto que en los planetas Jupiter o Martes</p>

    <script type ="text/javascript">
    var var_tierra = 9.8;
    var var_marte = 3.7;
    var var_jupiter = 24.8;
    var tu_peso = 77;
    var peso_final;
    peso_final = tu_peso*var_marte/var_tierra;
    alert(peso_final);
    </script>



  </body>

</html>

En la mayoria de los editores al iniciar una pagina puede solo escribirse html, le das al boton tabulador, y se te crea la estructura automaticamente

Queda mas gracioso si en el titulo pones “Como pérder peso MUY RAPIDO”

En Atom no me sale colores en las var, alguien sabe porque?

Gracias

Hice el ejercicio y funciona muy bien, pero por alguna razon las variales al escribir “var” no se pone en color rojo o los textos entre comillas no se ponen en verde, como en la presentacion de Freddy. Alquien sabe por que?

En atom no me cambia el color de palabras reservadas como var, que se puede hacer?

En el video confunde peso con masa.

Gran vídeo, fácil de entender.

peso = newtons
masa = kilogramos
recuerden la diferencia.

este es mi código muy buena explicación
<!DOCTYPE html>
<head>
<title>calcular peso en otro planeta</title>
</head>
<body>
<h1>peso en otro planeta</h1>
<p>se calcula el peso de 55 con la gravedad de la tierra con la gravedad de otros planetas </p>
<script>
var p_tierra = 9.8;
var p_marte = 3.7;
var p_jupiter =24.8;
var p_inicial = 55;
var p_finalm ;
var p_finalj;
p_finalm = p_inicial * p_marte / p_tierra;
p_finalj = p_inicial * p_jupiter / p_tierra;
p_finalm = parseInt (p_finalm);
p_finalj = parseInt (p_finalj);
document.write ("tu peso en jupiter es " + p_finalj + " tu peso en marte es " + p_finalm );
</script>
</body>
</html>

estuve probando peso_final = parseInt(peso_final); en otra línea que no fuera donde la puso Freddy y (contrario a lo que el dice) no funciona en cualquier lado, y tiene sentido que no funcione, ya que esa operación que hace con parseInt debe ir después de haber calculado el número y antes de mostarlo en pantalla.

<!DOCTYPE html>
<Html>
<head>
<title>Tu peso en un lugar donde pesas menos</title>
</head>
<body>
<h1>Tu peso en otro planeta</h1>
<p>En la tierra pesas distinto que en Marte o Jupiter</p>
<script>
var g_tierra = 9.8;
var g_marte = 3.7;
var g_Jupiter = 24.8;
var peso = 77;
var peso_final;
peso_final = peso * g_marte / g_tierra;
peso_final = parseInt(peso_final);
document.write(peso_final);
</script>
</body>
</html>

Que padre es aprender así, todo es tan amigable y efectivo, poco a poco despierta la pasión por la materia.

Realmente se hace muy sencillo para quienes tienen bases algebraicas, sin embargo Freddy tiene una gran pedagogía para enseñar!

Interesante

2020-05-02_09-56-05.png
Oigan peso(se mide en Newton)y masa(se mide en kilogramos) es diferente, el peso en la operación de tu masa total(Kg) multiplicado por la aceleración de la gravedad del lugar donde estés.

yo si sabia que la regla de 3 simple tenia un error
like si tambien te diste cuenta XD

Hola Freddy y Platzi!! aprendí HTML y PHP en 2010 y lo hacía con bloc de notas! Por cuestiones del destino (oportunidad laboral), me dediqué a la rama de la infraestructura IT durante casi 5 años. (Y agridulcemente suspendí la programación en mi vida). Hace 2 años he vuelto a involucrarme en el mundo del software, primero con base de datos y testing, y ahora estoy muy feliz de volver a programar con todos los jugetes!!
Me encanta la metodología de Platzi, me parece super que enseñes con mini proyectos interesantes!

Me pasa que con Atom a veces no me reconoce las funciones, tengo que copiar el codigo y abrir un nuevo documento para que me las reconozca, alguien sabe por qué?

Realmente agradezco mucho que en este curso no solo se imparta conocimiento, también experiencia al estudiante al hacer los proyectos. GRACIAS…

La masa es diferente del peso, en ese caso la masa es 77 kg y el peso es la masa por la gravedad, es decir aproximadamente 770 Newtons (Newton = kg*m/seg2). Es decir, así yo vaya a marte o jupiter, voy a tener la misma masa (77 kg) pero si un peso diferente que sería para marte 285 Newtons y jupiter 1910 Newtons. No se puede decir que si voy a marte mi masa será 29 kg porque la materia estaría desapareciendo, esa ecuación es una regla de tres pero que no se aplica en la vida real debido al balance de materia.

esto no es una pregunta pero les va a servir a algunas personas
Descarguen visual studio code es mejor que atom
luego descarguen unas cuantas extensiones y sera mucho mejor
(aqui les digo las mejores extensiones : beautify, live server entre otras)

Cómo supo que no estaba poniendo atención D:

Apenas tengo 13 años y ya estoy queriendo aprender a programar :3, ojala sea posible

<!DOCTYPE html>
<html>
<head>
<title>Tu peso en un lugar donde pesas menos</title>
<style>
body
{
background-color: darkorange;
}
</style>
</head>
<body>
<h1>Tu peso en otro planeta</h1>
<p>En la tierra pesas distinto que en Marte y Jupiter</p>
<script>
var g_tierra = 9.8;
var g_marte = 3.7;
var g_jupiter = 24.8;
var peso = 45;
var peso_final;
peso_final = peso * g_marte / g_tierra;
peso_final = parseInt(peso_final);
document.write(peso_final);
</script>
</body>
</html>

Curioso
Puse el alert(“peso_final”); y me apareció el aviso ese texto pero volví a escribir como muestra el video alert(peso_final); y me pasareció el numero. La diferencia fue quitar las comillas.

//Declaración de variables
//Variables sistema solar para próximos ejercicios
var gravedadTierra = 9.8, gravedadMercurio = 3.7, gravedadVenus = 8.87, gravedadLuna = 1.62, gravedadMarte = 3.7, gravedadJupiter = 24.8, gravedadSaturno = 10.44, gravedadUrano = 8.7, gravedadNeptuno = 11.15;
//Peso fijo del usuario
var peso = 58;
//Calcular peso de acuerdo a la gravedad
var peso_final = (peso * gravedadMercurio/gravedadTierra);
//Mostrar resultado
document.write("Tu peso en Marte es ");
document.write(parseInt(peso_final));

Opinando por opinar porque esto es totalmente nuevo para mi.

parse_Int
convierte la variables flotantes en variables de tipo entero, de esa manera le quita los decimales

La formula correcta es (Peso en Tierra/9.8)*gravedad del otro planeta

queda (Kg/m/s2)*m/s2
se van los m/s2 por descarte y el resultado queda en KG, yo lo hice asi desde 0 y quede satisfecho, saludos

Para los que no les sirva el script deben hacer lo siguiente:

Deben instalar este paquete desde Atom, van a settings y luego a install, en la barra buscan script y presionan el botón Install.
Luego de eso cierran y abren el programa , ¡y problema resuelto!

Estoy escribiendo el código como Freddy lo instruye, pero de repente los colores de la etiqueta desaparecen en Atom. Solo veo letras grises, ya no con color. Aparece cuando escribo ‘’>" de la etiqueta <script. Después de que ya no veo los colores de todas las etiquetas… Alguien sabe cómo recuperar los colores. Para su aclaración: he descargado el paquete de script en Atom

 

también podría ser pidiendo con un alert así:

<script>

       var g_tierra=9.8;

       var g_marte=3.7;

       var g_jupiter=24.8;

       //pidiendo peso desde navegador

       var peso=prompt("Ingresa tu peso:");

       var peso_final;

       //peso en marte

       peso_final=peso*g_marte/g_tierra;

       peso_final=parseInt(peso_final);

       document.write("Tu peso en Marte es: "+peso_final+" Kg"+"</br>");

       //document.write();

       //peso en jupiter

       peso_final=peso*g_jupiter/g_tierra;

       peso_final=parseInt(peso_final);

       document.write("Tu peso en Jupiter es: "+peso_final+" Kg");

   </script>

Comparto mi código 😃
2 codigo.JPG

Atom en el video del curso
Capcurso.PNG

Atom en mi ordenador
Capmiatom.PNG

No se por qué en el Atom del curso var, =, los números de gravedad, parseInt; document.write quedan con color y en mi atom no.

¿Alguien me puede explicar como puedo hacer para que salgan con los colores del atom del curso?

Cunado escribo el <script> me invalida lo demás, osea le quita el color al código que le sigue. Alguna ayuda?

Anotación 2020-06-24 060705.png

mi aporte para la clase

<!DOCTYPE html>
<html>
  <head>
    <title>Gravedad en marte</title>
    <style>
    body
    {
      background-color:black;
      color: white;
    }

    strong
    {
      background-color: white;

      /* NOTE: este es el color de la palabra planeta */
      color: #1aedb8;
    }

    </style>
  </head>
  <body>
    <!-- NOTE: h2 y h3 son más pequeños -->
    <h1>Peso en otro <strong>planeta</strong></h1>
    <script>

      var G_marte= 3.7
      var G_tierra= 9.8;
      var Peso= 56;
      var Peso_marte= Peso * G_marte / G_tierra

      Peso_marte= parseInt(Peso_marte);
      document.write("su peso en marte es "  + Peso_marte + "kg");

    </script>
  </body>
</html>

todo iba bien hasta que tuve problemas con </script>, que puedo hacer?

¿Cómo se escribe un salto de linea en document.write("");?

Al momento de crear el codigo document.write en la pantalla no me aparece el valor del peso final , sino: peso_final. Que estoy haciendo mal? desde hace rato estoy buscando el video en donde Fredy explicó la manera practicar todo el proceso desde la consola del navegador pero ya no me aparece. Ayuda por favor!!!

me funciona pero siempre me sigue saliendo el alert primero que todo el body

disculpen tengo un problema pasa que el alert me sale antes que el texto de fondo y este no me carga hasta que acepto la alerta (y el alert lo pongo abajo de las variables)

Me aparece primero el alert y hasta darle aceptar no carga lo de la página. ¿que hago?

parseInt(nombre de la variable); // sirve para redondear el numero resultante

Hola.
¿Por qué cuando recargo mi archivo no me deja ver la página hasta que acepto el alert? Yo veo que aquí aparece la página cargada cuando aparece el alert

parseInt para desaparecer decimales

Son los primeros pasos, pero estoy muy emocionado por comenzar este camino. Apenas son unas pequeñas lineas de código pero me emociona ver el potencial que tienen. Deséenme suerte.

Friendly reminder de que la gravedad no es fuerza, es aceleración. 🙂

osea que poner h1 significa que sale en negrita y mas grande como titulo principal?

Deseo saber si en JavaScript es necesario o no definir el tipo de variable,

Sip, am♥ la física ja ja ja
y esto se puso grave, Gravedad… ah… olvidenlo 😃

 

Lo mas optimo sería no quitar los decimales porque los pesos son tipos de datos flotante, por lo que la mejor solución sería  convertir a solo 2 decimales para hacerlo mas entendible

peso_final.toFixed(2)

📌 La función parseInt() nos sirve para convertir una cadena o número con punto decimal a un número entero.

var cadena = "12";
var numero_punto_decimal = 22.2;
var numero_entero = parseInt(cadena) + parseInt(numero_punto_decimal);

Excelente explicación, como siempre


Una acotación; No me odien por esto: Yo llamaría al programa -Cuál debe ser mi masa en la tierra para tener el mismo peso que en marte


¿Por qué? -(Peso = Masa * Gravedad)-, es decir masa != peso


Entonces según la fórmula que usamos 

masa2 = masa1*g_marte/g_tierra 


el peso en marte sería 77kg * 3.7m/s2 = 284.9Nw 

¿Cual debería ser mi masa para pesar lo mismo en la tierra? 

Respuesta: El valor que calculó @Freddier es decir 29


Comprobación: Peso en la tierra sería 29Kg * 9.8m/s2 = 284 Nw


Bendiciones y éxitos seguiré aprendiendo mucho con ustedes

El ejemplo está excelente, pero sólo como dato (físico purista) la masa en kg no cambia en ningún planeta. El peso (unidades de Newtons) sí cambia y es la multiplicación de la masa por la aceleración de la gravedad del planeta.

media hora mirando el codigo porque o me salia el alert y me di cuenta que escribi 3,7 en ves de 3.7 esten pendientes de las comas y los puntos.

Me quede pensando (más que en código, en lo de física): recordaba que en clase aprendí que masa != peso. La masa no cambiará si está en Marte, lo que si cambia es el peso que se calcula en Newtons, para ellos solo habría que calcular: peso = masa * gravedad

Hola Freddy ! Quiero hacer un pequeño aporte. Estaba viendo este vídeo y en el min 3:55 al oírte decir “eventualmente te acostumbras esto, es normal” quede como WTF! para eso existe Emmet ! entonces tuve la necesidad de investigar un poquito sobre Atom
Y bueno creo que seria de gran utilidad para los recién iniciados en el mundo de la programación tanto conocer las herramientas que utilizan (en este caso atom), como generar la costumbre del aprendizaje autodidacta. Por eso le propongo al equipo de trabajo de Platzi crear un curso almenos básico de Atom.

Un pequeño ejemplo de temario seria:

Introducción y configuración (Para dar información de importancia sobre el programa por ejemplo que es un producto open source de GitHub, de paso hablar de la importancia de Github para el programador y linkearlos al Curso profesional de Git y GitHub en platzi.com SLASH cursos SLASH git-github XD)

**Plugins: instalación, uso, creación y recomendados **(algunos como Minimap Package, Color picker, File icons, Emmet, Linter, Merge Conflicts y Git-Plus Package)

Consola y por ultimo pero de gran importancia Documentacion, aunque suene obvio, se aprende muchísimo de la documentación de las “cosas” y es un error muy común en los recién iniciados no saquerle provecho y me arriesgo a decir que un 100% de la gente que no sabe ingles no la abre ni por curiosidad, hasta que la necesita de urgencia. Creo que aprender a usar una documentación, para sacarle el máximo posible, seria una muy “buena practica” a introducir en un curso sobre todo para los principiantes que les enseña que es un editor de texto y como usarlo eficientemente, es algo que te va a ser de utilidad toda tu vida de programador.

Y como este es mi primer comentario aprovecho para decir que estoy acá por Freddy, ídolo total ! sin el no les daba un centavo xD. Mis felicitaciones a todo el equipo de Platzi, hacen un trabajo estupendo, ciertamente la relación calidad precio es excelente, aunque es mi primer dia en la plataforma y me falta sentirla un poco mas y todo eso, veo Platzi Live y las Platziconf (ya tendré oportunidad de asistir) y la verdad que deja muy en claro la calidad de su trabajo.

Mis sinceras disculpas si el mensaje resulta invasivo y denso, menos mal que no hay limite de caracteres… y aunque suene tonto excusarme ahora, no soy una persona aduladora ni suelo comentar nunca, de hecho tuve que crearme una Acc de FB para el registro, pero la emocion del momento me pudo. Siento que soy Autodidacta por obligación ya que fui defraudado en todos los niveles educacionales de mi país, a tal punto de dejar la carrera de ING. ECA. y con Platzi resurgió mi deseo de aprender.
Muchas gracias y Saludos !

Gracias por el contenido, es excelente, tengo una consulta, que programa usas para hacer los apuntes en pantalla, ? 

Si quieren tener dos decimales utilicen :

peso_final = parseFloat(peso_final).toFixed(2);

// el numero entre paréntesis nos indica cuantos decimales queremos.

Apuntes de clase:

  • Podemos declarar variables sin asignarles algún valor.
  • En JavaScript tenemos funciones especiales que manipulan numeros una de esas funciones se llama parseInt, esta me permite redondear un numero con muchos decimales.
  • Cuando nosotros estamos asignando algo primero ocurre lo de la derecha de la asignacion y luego ocurre lo de la izquierda es decir primero la operacion ocurre y luego se le asigna a la variable.
  • Los titulos se pueden agregar con la etiquetas h1,h2,h3,…

Cuando se declaran un conjunto de variables de forma consecutiva se puede realizar de la siguiente manera:

<script>
var g_tierra = 9.8,
    g_marte = 3.7,
    g_jupiter = 24.8;

</script>

Separando las variables por una coma, de esta forma te ahorraras escibir la palabra var tantas veces como variables tengas.

gran tutotial este es mi codigo 


<script type="text/javascript">

//variables para armacenar las fuerzas de gravdad en la tierra 

    var g_tierra = 9.8;

    var g_martes = 3.7;

    var g_jupiter = 24.8;

// estas son los pesos finales en los planetas martes y jupiter

    var peso = prompt('cual es tu peso en la tierra');

    var g_fmartes = peso * g_martes/g_tierra;

    var g_fjupiter = peso * g_jupiter/g_tierra;

//pasando los valores a numeros enteros

    var g_fmartes = parseInt(g_fmartes);

    var g_fjupiter = parseInt(g_fjupiter);

    //imprimiendo el resultado

    document.write('tu peso en es martes' + g_fmartes);

    document.write('tu peso en es jupiter' + g_fjupiter);

  </script>


me gustaria saber como puedo imprimir los resultados pero en lineas diferentes no seguidas 

 



<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title>Peso en otro planeta</title>
    <style type="text/css">
      body
      {
          background-color: green;
          color: white;
          font-family: Helvetica;
      }
      strong
      {
          color: red;
      }
    </style>
  </head>
  <body>
    <h1>Descrube tu peso en otros planetas que no son la tierra</h1>
    <p>Para eso no tienes que indicar <strong> tu peso</strong></p>
      <script type="text/javascript">
				alert("Nos tienes que dar tu peso");
 			 var peso = prompt("Dinos tu peso actual")
  // planetas a trabajar: todos los del sistema solar
  		var g_mercurio = 3.7;
  	var g_venus = 8.87;
		var g_tierra = 9.8;
  	var g_marte = 3.711;
  	var g_jupiter = 28.4;
 	  var g_saturno = 10.44;
  	var g_urano = 8.7;
 	  var g_neptuno = 11.15;
  	var g_pluton = 0.62;
pesoenjupiter = g_jupiter * peso / g_tierra
pesoenjupiter = parseInt(pesoenjupiter);
document.write("tu peso en jupiter es " + pesoenjupiter);
  // ensayo y error

      </script>
  </body>
</html>

Este es mi aporte a la clase 😉

la funcion de parseInt es convertir las variables de tipo float(decimales)         a tipo int(entero)

Hola Freddy, seguimos tu curso con unos estudiantes del colegio y uno de ellos descubrió que no es necesario escribir todas las líneas una por una, simplemente con escribir en Atom la palabra html y dar Enter el automáticamente escribe en nuestro archivo lo siguiente:
<!DOCTYPE html>
<html>
<head>
<meta charset=“utf-8”>
<title></title>
</head>
<body>

</body>
</html>

Saludos y muchas gracias por transmitir tus conocimientos.

Si al incrustar código JS directamente en un archivo .html la aplicación no te detecta estas variables, es necesario decirle al programa que lo reconozca. Clic en la parte inferior derecha del programa y selecciona “auto detect”.

Atom

LES COMPARTO UN RESUMEN DE LOS TEMAS DADOS HASTA EL MOMENTO COMO PARA HACER UN RÁPIDO REPASO CON LOS COMENTARIOS RESPECTIVOS. ESPERO QUE LES SIRVA. SALUDOS.

<!-- .HTML -->
<!-- COMENTARIO EN .HTML -->
<!DOCTYPE html>
<html>
<head>
<title> Título de la página </title>
<!-- .CSS -->
<style>
/* COMENTARIOS EN .CSS /
/
ATRIBUTOS DE ETIQUETA BODY /
body
{
background-color: #AAAAFF; /
ASIGNO COLOR DE FONDO DEL BODY /
color: white; /
ASIGNO COLOR A LAS LETRAS DEL BODY /
font-family: Helvetica; /
ASIGNO FORMATO DE LETRAS DEL BODY /
}
/
ATRIBUTOS DE ETIQUETA STRONG (NEGRITA) /
strong
{
background-color: #FFAAAA; /
ASIGNO COLOR DE DE FONDO A LETRAS EN STRONG (NEGRITA) */
}
</style>
<!-- FIN .CSS -->
<head>
<body>
<p> “parrafo” <strong>negrita</strong> “parrafo”
</p>
<!-- .JS (JAVA SCRIPT) -->
<script>
// COMENTARIOS EN .JS
alert(“escribir algo”); // MUESTRA MENSAJE EN VENTANA DE PANTALLA
alert(“escribir algo” + var); // MUESTRA MENSAJE EN VENTANA DE PANATALLA Y VALOR DE VARIABLE
var x = 1; // ASIGNA UN VALOR A UNA VARIABLE
nombre = prompt(“¿Cuál es tu nombre?”); // PIDE AL USUARIO INGRESAR DATOS Y GUARDA EN VARIABLE
document.write(“escribo algo” + var); // ESCRIBO ALGO EN EL BODY Y MUESTRO VALOR DE VARIABLE
var = parseInt(var); // FUNCION QUE REDONDEA EL VALOR DE UNA VARIABLE
document.write(var); // ESCRIBO SOLAMENTE EL VALOR DE UNA VARIABLE
// COMENTARIO SE PUEDEN REALIZAR TODO TIPO DE OPERACIONES MATEMATICAS ENTRE LAS VARIABLES
<h1> TITULO </h1> // LOS TITULOS DE PUEDEN AGREGAR CON LAS ETIQUETAS h1,h2,h3,h4,h4,h5,h6
</script>
<!-- FIN .JS (JAVA SCRIPT) -->

</body>
</html>
<!-- FIN .HTML -->

Aquí hay más sobre las funciones de matemáticas de Javascript: https://www.w3schools.com/js/js_math.asp

Cuando comenzó a explicar la regla de tres simple hasta me hizo dudar de mi conocimiento. Le puse pausa al vídeo y volví a investigar. Yo dije “Pero como es posible que Freddy no sepa la regla de tres simple”, luego le di play de nuevo y ustedes ya saben… 😂

Kg = Masa que es la misma en cualquier lado.

Peso = (Masa + Gravedad) Newtons(N)

P =m*g.

para la negrita tambien sirve <b>…</b> por <strong>

me llevo 2 horas (en las que intente de todo) encontrar un error a la hora de cerrar <title> </titlt> ese pequeño error hacia que el buscador no leyera todo lo demás y me aparecía toda la pag en blanco

moraleja, antes de intentar de todo revisa bien el código letra por letra jajaja

Buenas, el script con las variables no me funciona, incluso copiando y pegando exactamente lo mismo.

Hola compañeros, note algo incorrecto en la fórmula de Freddy.
Freddy esta usando la palabra “peso” para describir el concepto de “masa”; cuando tu te “pesas” en un bascula el resultado que te arroja es tu masa, ya que el resultado esta expresado en unidades de masa (kilogramos, libras etc). Tu masa no depende de la gravedad de la tierra, es por eso que no se puede resolver con la regla de tres que explica Freddy. Lo que si depende de la aceleración de la gravedad del planeta en que te encuentres es el peso, y se expresa, en unidades del Sistema Internacional como kilogramo por metro sobre segundo al cuadrado (kgm/s^2) que es igual a un Newton (1N).
La formula correcta para saber el peso de un objeto es : masa por la aceleración de la gravedad (m
a), de esta forma te quedara en unidades de fuerza (Newtons) ya que kg(m/s^2) = 1N.
Es importante utilizar la formula correcta porque, aunque el código funcione el resultado que le arrojara al usuario es incorrecto.
Si alguien encuentra algún error en mi procedimiento por favor háganmelo saber, saludos.

Siento que me ensañan con peras y manzanas :3 me parece bien 😄

No estamos gordos, Solo que nos equivocamos de planeta …

Captura de Pantalla 2019-12-09 a la(s) 8.54.20 a. m..png ❤️

Para dejar 2 decimales.
peso_final = parseFloat(peso_final).toFixed(2);

a modo de retroalimentación, si una persona tiene una masa de 77kg (lo que reporta la balanza) su peso es de 77*9.8, el factor de conversión que usa freddy es para cuando tenemos un dato que es de peso, pero 77 kg es un dato de masa

siempre me ha parecido entender la función parse, pero ahora la entendí mejor

<code>

Hola, les envió el código HTML, el Js y la imagen de del diseño donde quiero mostrar los resultados en cada imputs del HTML (disculpen la identación).

<div class="container ">
    <div class="row">
	<div class="colmd-4">
		<p">Metabolismo Basal</p>		<hr>
<form action="" id="formulario">
    <div class="for-group mb-3">		<label for="nombre">Sexo:</label><br>
	<input type="radio"  name="sexo" id="mujer" value="Mujer"> Mujer
<input type="radio"  name="sexo" id="hombre" value="Hombre"> Hombre
</div>
<div>
<label for="nombre">Peso corporal</label>
<input type="number" class="form-control"
name="peso" id="peso2">
</div>	
<div>
<label for="nombre">Estatura (Talla o Altura)</label>
<input type="number"  name="estatura" id="talla2"></div>
<div class="for-group mb-2">
<label for="nombre">Edad</label>
<input type="number" name="edad" id="edad2">
	</div>
<p >Tu metabolismo basal es:</p>
<input type="text"id="resultado2" readonly>
					
<input type="submit" value="Calcular" id="submit" >	
</div>
</form>

El código Js tome el ID del form, declare variables tomando el ID respectivo de cada imput para obtener su valor númerico, los imputs son de tipo “number”, declare 3 constantes con sus respectivos valores. Cree la función “metabolismoHombre” y les pase sus parámetros según las variables globales declaradas. Ejecute la función de una suma algebraica pidiendo el resultado a tarvés de un “return” pero no me mostraba ningún valor. Le pase a cada parámetro su valor numérico (cosa que no debería ser porque pensé que los obtendría declarándolos con variables al antes de la función) .

Al pasarle esos parámetros manualmente y actualizar el navegador me mostró el resultado en el imput que está antes del botón de ""Calcular, lo que quiere decir que realizo la función sin haber clickleado el botón, cosa que está mal.

Para finalizar, les envío la nueva imagen donde se muestra el resultado de la función.

Estaba muy animado al principio cuando creia tener la solución, pero luego de tratar de hacer cálculos no obtengo los resultados esperados, sé que la programación puede llegar a ser frustrante y la emoción de haber hecho algo bien se vuelve efímera cuando algo no da resultados positivos. De la alegría se pasa a la frustración… Disculpen tanto texto.

![]()```
<code>
var formulario = document.getElementById(‘formulario’),
peso = parseFloat(document.getElementById(‘peso2’).value),
talla = parseFloat(document.getElementById(‘talla2’).value),
edad = parseFloat(document.getElementById(‘edad2’).value),
constante1 = 10,
constante2 = 6.25,
constante3 = 5,

<div class=“col-md-4 col-xl-4”>
<p class=“px-2 py-2 mt-5 h2 bg-primary text-white text-center”> MB y Actividad física </p>
</div>

<div class=“col-md-3 col-xl-3”> <p>Tu valoración</p>
<p>El resultado de tu MB es:</p>
<input type=“text” id=“resultado2” class=“form-control mb-2” readonly="">
</div>
</div>
</div>
</div>
<code>


	mb_hombre = 5;
 
function metabolismoHombre(peso, constante1, constante2, talla, constante3, edad, mb_hombre){
   var resultado = ((constante1*peso) + (constante2 * talla) - (constante3 * edad) + mb_hombre);
	return resultado;
	}
 
formulario.addEventListener('submit', metabolismoHombre);
 
var mostrar = metabolismoHombre (80,10,6.25,168,5,41,5);
mostrar = (mostrar.toFixed(2));
mostrar = document.getElementById('resultado2').value = mostrar;``

es mas simple sacar a parte cuanto masas y luego multiplicar tu masa por la gravedad de dichos astros.

a mi no se me ejecuta java script y está igual que en el video

no se si hay etiquetas adicionales para crear fuentes para los titulos

MarteJupiterKripton.jpg

Qué lindo está el curso, estoy aprendiendo desde cero! Pero @Freddy te pido que nos tengas compasión en el examen! 😃

CUIDADO! parseInt es con mayúscula en la i.
Debido a este error de tipeo no me aparecía el valor de la variable peso_final en el navegador.

En realidad el peso es la masa (kg) x gravedad (m/s²). Por lo que la ecuación --> peso_final = peso * g_marte / g_tierra es incorrecta. A lo que él llama peso en realidad es la masa. Soy consciente de que está hecho con fines didácticos pero creo que era necesario remarcarlo.

si ven esos codigos en los titulos y h1 ? son emoticones de planetas y cohetes en html los pueden buscar en emoji tierra donde hay emoticones hecho codigo saludos 😄

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>&#127758; tu peso en otros planetas &#129680;</title>
</head>
<body>
    <h1>
        tu peso en otro planeta
    </h1>
            <p>
                en la tierra pesas distinto que en otros planetas &#128640; 
            </p>
    <script>
        var g_tierra = 9.8;
        var g_marte = 3.7;
        var g_jupiter = 24.8;
        var peso = 56;
        var peso_final;
        peso_final = peso * g_marte / g_tierra;
        peso_final = parseInt (peso_final);
        document.write(peso_final);
    </script>
</body>
</html>

Para los que no le sale el código en color, solo borren la etiqueta de cierre en script “>” y la agregan nuevamente. Saludos!!

La magia de JavaScript!!

Y el tutor de programación es bueno?.. Pues no sabe hacer reglas de 3 jajaj hay Dios o_o

hola, alguien sabe como hago para que el alert no me aparezca antes de que cargue la estructura html? es que asi ponga el script al final sucede esto.

Yo me decidí por Visual Code!!!

Un tip interesante es que en Visual Studio Code (Y supongo que en otros editores también) al escribir hmlt se abre un menú desplegable y al clickear en algunas de las opciones como HTML:5 se autorellena todas las etiquetas básicas

Genial video!
Me pase horas buscando errores en el código porque no me salía el peso,
para darme cuenta después,
que al cerrar, había escrito mal </scirpt>
🤣

El peso es una fuerza, lo mas correcto seria la masa

Yo utilizo el block de notas xP jejeje

Tengo una duda por que en mi navegador siemre se ejecuta primeramente el codigo javascript?

<!DOCTYPE html>

<html>
  <head>
    <title>Tu peso en otro planeta</title>
  <head>

  <body>
    <h1>Tu peso aproximado en otro planeta</h1>
    <p>En la tierra pesas distinto que en los planetas Jupiter o Martes</p>

    <script type ="text/javascript">
    var var_tierra = 9.8;
    var var_marte = 3.7;
    var var_jupiter = 24.8;
    var tu_peso = 77;
    var peso_final;
    peso_final = tu_peso*var_marte/var_tierra;
    alert(peso_final);
    </script>



  </body>

</html>

En la mayoria de los editores al iniciar una pagina puede solo escribirse html, le das al boton tabulador, y se te crea la estructura automaticamente

Queda mas gracioso si en el titulo pones “Como pérder peso MUY RAPIDO”

En Atom no me sale colores en las var, alguien sabe porque?

Gracias

Hice el ejercicio y funciona muy bien, pero por alguna razon las variales al escribir “var” no se pone en color rojo o los textos entre comillas no se ponen en verde, como en la presentacion de Freddy. Alquien sabe por que?

En atom no me cambia el color de palabras reservadas como var, que se puede hacer?

En el video confunde peso con masa.

Gran vídeo, fácil de entender.

peso = newtons
masa = kilogramos
recuerden la diferencia.

este es mi código muy buena explicación
<!DOCTYPE html>
<head>
<title>calcular peso en otro planeta</title>
</head>
<body>
<h1>peso en otro planeta</h1>
<p>se calcula el peso de 55 con la gravedad de la tierra con la gravedad de otros planetas </p>
<script>
var p_tierra = 9.8;
var p_marte = 3.7;
var p_jupiter =24.8;
var p_inicial = 55;
var p_finalm ;
var p_finalj;
p_finalm = p_inicial * p_marte / p_tierra;
p_finalj = p_inicial * p_jupiter / p_tierra;
p_finalm = parseInt (p_finalm);
p_finalj = parseInt (p_finalj);
document.write ("tu peso en jupiter es " + p_finalj + " tu peso en marte es " + p_finalm );
</script>
</body>
</html>

estuve probando peso_final = parseInt(peso_final); en otra línea que no fuera donde la puso Freddy y (contrario a lo que el dice) no funciona en cualquier lado, y tiene sentido que no funcione, ya que esa operación que hace con parseInt debe ir después de haber calculado el número y antes de mostarlo en pantalla.

<!DOCTYPE html>
<Html>
<head>
<title>Tu peso en un lugar donde pesas menos</title>
</head>
<body>
<h1>Tu peso en otro planeta</h1>
<p>En la tierra pesas distinto que en Marte o Jupiter</p>
<script>
var g_tierra = 9.8;
var g_marte = 3.7;
var g_Jupiter = 24.8;
var peso = 77;
var peso_final;
peso_final = peso * g_marte / g_tierra;
peso_final = parseInt(peso_final);
document.write(peso_final);
</script>
</body>
</html>

Que padre es aprender así, todo es tan amigable y efectivo, poco a poco despierta la pasión por la materia.

Realmente se hace muy sencillo para quienes tienen bases algebraicas, sin embargo Freddy tiene una gran pedagogía para enseñar!

Interesante

2020-05-02_09-56-05.png
Oigan peso(se mide en Newton)y masa(se mide en kilogramos) es diferente, el peso en la operación de tu masa total(Kg) multiplicado por la aceleración de la gravedad del lugar donde estés.

yo si sabia que la regla de 3 simple tenia un error
like si tambien te diste cuenta XD

Hola Freddy y Platzi!! aprendí HTML y PHP en 2010 y lo hacía con bloc de notas! Por cuestiones del destino (oportunidad laboral), me dediqué a la rama de la infraestructura IT durante casi 5 años. (Y agridulcemente suspendí la programación en mi vida). Hace 2 años he vuelto a involucrarme en el mundo del software, primero con base de datos y testing, y ahora estoy muy feliz de volver a programar con todos los jugetes!!
Me encanta la metodología de Platzi, me parece super que enseñes con mini proyectos interesantes!

Me pasa que con Atom a veces no me reconoce las funciones, tengo que copiar el codigo y abrir un nuevo documento para que me las reconozca, alguien sabe por qué?

Realmente agradezco mucho que en este curso no solo se imparta conocimiento, también experiencia al estudiante al hacer los proyectos. GRACIAS…

La masa es diferente del peso, en ese caso la masa es 77 kg y el peso es la masa por la gravedad, es decir aproximadamente 770 Newtons (Newton = kg*m/seg2). Es decir, así yo vaya a marte o jupiter, voy a tener la misma masa (77 kg) pero si un peso diferente que sería para marte 285 Newtons y jupiter 1910 Newtons. No se puede decir que si voy a marte mi masa será 29 kg porque la materia estaría desapareciendo, esa ecuación es una regla de tres pero que no se aplica en la vida real debido al balance de materia.

esto no es una pregunta pero les va a servir a algunas personas
Descarguen visual studio code es mejor que atom
luego descarguen unas cuantas extensiones y sera mucho mejor
(aqui les digo las mejores extensiones : beautify, live server entre otras)

Cómo supo que no estaba poniendo atención D:

Apenas tengo 13 años y ya estoy queriendo aprender a programar :3, ojala sea posible

<!DOCTYPE html>
<html>
<head>
<title>Tu peso en un lugar donde pesas menos</title>
<style>
body
{
background-color: darkorange;
}
</style>
</head>
<body>
<h1>Tu peso en otro planeta</h1>
<p>En la tierra pesas distinto que en Marte y Jupiter</p>
<script>
var g_tierra = 9.8;
var g_marte = 3.7;
var g_jupiter = 24.8;
var peso = 45;
var peso_final;
peso_final = peso * g_marte / g_tierra;
peso_final = parseInt(peso_final);
document.write(peso_final);
</script>
</body>
</html>

Curioso
Puse el alert(“peso_final”); y me apareció el aviso ese texto pero volví a escribir como muestra el video alert(peso_final); y me pasareció el numero. La diferencia fue quitar las comillas.

//Declaración de variables
//Variables sistema solar para próximos ejercicios
var gravedadTierra = 9.8, gravedadMercurio = 3.7, gravedadVenus = 8.87, gravedadLuna = 1.62, gravedadMarte = 3.7, gravedadJupiter = 24.8, gravedadSaturno = 10.44, gravedadUrano = 8.7, gravedadNeptuno = 11.15;
//Peso fijo del usuario
var peso = 58;
//Calcular peso de acuerdo a la gravedad
var peso_final = (peso * gravedadMercurio/gravedadTierra);
//Mostrar resultado
document.write("Tu peso en Marte es ");
document.write(parseInt(peso_final));

Opinando por opinar porque esto es totalmente nuevo para mi.

parse_Int
convierte la variables flotantes en variables de tipo entero, de esa manera le quita los decimales

La formula correcta es (Peso en Tierra/9.8)*gravedad del otro planeta

queda (Kg/m/s2)*m/s2
se van los m/s2 por descarte y el resultado queda en KG, yo lo hice asi desde 0 y quede satisfecho, saludos

Para los que no les sirva el script deben hacer lo siguiente:

Deben instalar este paquete desde Atom, van a settings y luego a install, en la barra buscan script y presionan el botón Install.
Luego de eso cierran y abren el programa , ¡y problema resuelto!

Estoy escribiendo el código como Freddy lo instruye, pero de repente los colores de la etiqueta desaparecen en Atom. Solo veo letras grises, ya no con color. Aparece cuando escribo ‘’>" de la etiqueta <script. Después de que ya no veo los colores de todas las etiquetas… Alguien sabe cómo recuperar los colores. Para su aclaración: he descargado el paquete de script en Atom

 

también podría ser pidiendo con un alert así:

<script>

       var g_tierra=9.8;

       var g_marte=3.7;

       var g_jupiter=24.8;

       //pidiendo peso desde navegador

       var peso=prompt("Ingresa tu peso:");

       var peso_final;

       //peso en marte

       peso_final=peso*g_marte/g_tierra;

       peso_final=parseInt(peso_final);

       document.write("Tu peso en Marte es: "+peso_final+" Kg"+"</br>");

       //document.write();

       //peso en jupiter

       peso_final=peso*g_jupiter/g_tierra;

       peso_final=parseInt(peso_final);

       document.write("Tu peso en Jupiter es: "+peso_final+" Kg");

   </script>

Comparto mi código 😃
2 codigo.JPG

Atom en el video del curso
Capcurso.PNG

Atom en mi ordenador
Capmiatom.PNG

No se por qué en el Atom del curso var, =, los números de gravedad, parseInt; document.write quedan con color y en mi atom no.

¿Alguien me puede explicar como puedo hacer para que salgan con los colores del atom del curso?

Cunado escribo el <script> me invalida lo demás, osea le quita el color al código que le sigue. Alguna ayuda?

Anotación 2020-06-24 060705.png

mi aporte para la clase

<!DOCTYPE html>
<html>
  <head>
    <title>Gravedad en marte</title>
    <style>
    body
    {
      background-color:black;
      color: white;
    }

    strong
    {
      background-color: white;

      /* NOTE: este es el color de la palabra planeta */
      color: #1aedb8;
    }

    </style>
  </head>
  <body>
    <!-- NOTE: h2 y h3 son más pequeños -->
    <h1>Peso en otro <strong>planeta</strong></h1>
    <script>

      var G_marte= 3.7
      var G_tierra= 9.8;
      var Peso= 56;
      var Peso_marte= Peso * G_marte / G_tierra

      Peso_marte= parseInt(Peso_marte);
      document.write("su peso en marte es "  + Peso_marte + "kg");

    </script>
  </body>
</html>

todo iba bien hasta que tuve problemas con </script>, que puedo hacer?

¿Cómo se escribe un salto de linea en document.write("");?

Al momento de crear el codigo document.write en la pantalla no me aparece el valor del peso final , sino: peso_final. Que estoy haciendo mal? desde hace rato estoy buscando el video en donde Fredy explicó la manera practicar todo el proceso desde la consola del navegador pero ya no me aparece. Ayuda por favor!!!

me funciona pero siempre me sigue saliendo el alert primero que todo el body

disculpen tengo un problema pasa que el alert me sale antes que el texto de fondo y este no me carga hasta que acepto la alerta (y el alert lo pongo abajo de las variables)

Me aparece primero el alert y hasta darle aceptar no carga lo de la página. ¿que hago?

parseInt(nombre de la variable); // sirve para redondear el numero resultante

Hola.
¿Por qué cuando recargo mi archivo no me deja ver la página hasta que acepto el alert? Yo veo que aquí aparece la página cargada cuando aparece el alert

parseInt para desaparecer decimales

Son los primeros pasos, pero estoy muy emocionado por comenzar este camino. Apenas son unas pequeñas lineas de código pero me emociona ver el potencial que tienen. Deséenme suerte.

Friendly reminder de que la gravedad no es fuerza, es aceleración. 🙂

osea que poner h1 significa que sale en negrita y mas grande como titulo principal?

Deseo saber si en JavaScript es necesario o no definir el tipo de variable,

Sip, am♥ la física ja ja ja
y esto se puso grave, Gravedad… ah… olvidenlo 😃