Decisiones, decisiones... ¡Buen trabajo con las comparaciones! Ahora vamos a ver cómo podemos usar las comparaciones para preguntas que se puedan responder con sí o con no. Digamos que queremos escribir un programa que pregunta si tu nombre es más largo que 7 letras. Si la respuesta es sí, podemos responder "Tenés un nombre largo" Podemos hacer eso con una sentencia if: if( "miNombre".length >= 7 ) { console.log("Tenés un nombre largo"); } Una sentencia if se forma con la palabra clave if, como vimos antes, y un par de llaves {}. Si la respuesta a la condición es sí, se ejecutará el código que está dentro de las llaves. Instrucciones Mirá la sentencia if del editor. 1. En la línea 1, agregá una condición dentro de los paréntesis ( ). 2. Si la respuesta a la condición es sí, se ejecutará el código que está dentro de las llaves. Entonces, en la línea 2, usáconsole.log para imprimir una cadena. ? Consejo Podés escribir una condición con una comparación como 10 > 5:
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Decisiones, decisiones...¡Buen trabajo con las comparaciones! Ahora vamos a ver cómo podemos usar
las comparaciones para preguntas que se puedan responder con sí o con no.
Digamos que queremos escribir un programa que pregunta si tu nombre es
más largo que 7 letras. Si la respuesta es sí, podemos responder "Tenés un
nombre largo" Podemos hacer eso con una sentencia if:
if( "miNombre".length >= 7 ) { console.log("Tenés un nombre largo");}
Una sentencia if se forma con la palabra clave if, como vimos antes, y un par
de llaves { }. Si la respuesta a la condición es sí, se ejecutará el código que
está dentro de las llaves.
Instrucciones
Mirá la sentencia if del editor.
1. En la línea 1, agregá una condición dentro de los paréntesis ( ).
2. Si la respuesta a la condición es sí, se ejecutará el código que está dentro de las llaves. Entonces, en la línea 2, usáconsole.log para imprimir una cadena.
?
Consejo
Podés escribir una condición con una comparación como 10 > 5:
if (10 > 5) { // Esta parte se va a ejecutar, ya que 10 > 5
}
Las computadoras son inteligentes¡Genial! Usamos una sentencia ifpara hacer algo si la respuesta a la condición
es sí o true como decimos en JavaScript.
Además a de hacer algo cuando la condición es true, podemos hacer algo más
si la condición es false. Por ejemplo, si tu nombre tiene menos de 7 letras,
podemos responder con “Tenés un nombre corto” Podemos hacer eso usando
la sentencia if /else:
if( "miNombre".length >= 7 ) { console.log("Tenés un nombre largo.");}else { console.log("Tenés un nombre corto."); }
Igual que antes, si la condición estrue, se ejecutará el código que está entre el
primer par de llaves. De lo contrario, si la condición es false, se ejecutará el
código que está entre el segundo par de llaves después de la palabra
clave else.
En el ejemplo anterior la condición"miNombre".length >= 7 evalua comofalse,
ya que "miNombre" solo tiene 6 letras. Dado que la condición es false, solo se
ejecutará el código que está entre las llaves después de la palabra clave else y
mostrará Tenés un nombre corto.
Instrucciones
1. Completá la línea 1 con una condición que se evalúe como false.
2. Completá con un código para que se ejecute la parte deelse (esto se va a ejecutar si la condición es false). Usáconsole.log para esta parte.
?
Consejo
Podés escribir una condición cuyo resultado sea incorrecto, como 10 < 5:
if (10 < 5) { // Esto no se va a ejecutar ya que 10 > 5}else { // Esta parte SI se va a ejecutar.
}
Más ejercicios con condicionales
Vamos a practicar usando sentenciasif/else. Hacé todo lo que puedas solo, pero si
necesitás que te hagamos acordar, hacé clic en el botón "¿Atascado? ¡Obtené un
consejo!"
Instrucciones
1. Escribí una sentencia if/else, como hicimos en el ejercicio anterior. Así era el código: if (condición) { // si la condición es verdadera // hacé este código } else // "de otro modo" {// hacé este código }
2. Si tu condición es true, usáconsole.log para mostrar "La condición es verdadera".
3. De lo contrario (else) cuando seafalse, usá console.log para mostrar en pantalla "La condición es falsa".
?
Consejo
Tu código se vería más o menos así:
if( 10 < 3 ) { console.log("La condición es verdadera");}else { console.log("La condición es falsa");
}
Las computadoras no son tan inteligentes¡Muy bien! Las computadoras son muy literales. La sintaxis debe estar en el
lugar correcto para que la computadora pueda entender el código.
A medida que empieces a programar, te vamos a ir enseñando muchas reglas
sobre la sintaxis. Es más o menos como la gramática de los lenguajes de
programación. ¡Primero la gramática, y luego la poesía de la programación!
Instrucciones
En el siguiente código hay muchos errores. ¡Encontralos y corregilos!
Lo que estás haciendo se conoce como "depuración", un término que fue
popularizado por Grace Hopper cuando sacó una polilla de su computadora.
?
Consejo
Acordate de que las declaracionesif / else se ven así:
if (condición) { code;} else { code;}
Asegurate de que la condición esté entre paréntesis, y que el código esté
encerrado entre llaves.
Las computadoras no son tan inteligentes¡Muy bien! Las computadoras son muy literales. La sintaxis debe estar en el
lugar correcto para que la computadora pueda entender el código.
A medida que empieces a programar, te vamos a ir enseñando muchas reglas
sobre la sintaxis. Es más o menos como la gramática de los lenguajes de
programación. ¡Primero la gramática, y luego la poesía de la programación!
Instrucciones
En el siguiente código hay muchos errores. ¡Encontralos y corregilos!
Lo que estás haciendo se conoce como "depuración", un término que fue
popularizado por Grace Hopper cuando sacó una polilla de su computadora.
?
Consejo
Acordate de que las declaracionesif / else se ven así:
if (condición) { code;} else { code;}
Asegurate de que la condición esté entre paréntesis, y que el código esté
encerrado entre llaves.
Repaso de mitad de lección
¡Ya aprendiste un montón! Muchos términos nuevos, mucha sintaxis. Vamos a
detenernos un poco para hacer un repaso. Aprendimos:
1. Confirm y prompt
¡Podemos hacer que aparezcan ventanas emergentes (pop-up)!
confirm("Estoy bien");
prompt("¿Vos estás bien?");
2. Tipos de datos
a. numbers (por.ej, 4,3, 134)
b. strings (por.ej, "Los perros hacen ¡Guau!", "Experto en JavaScript")
c. booleanos (por.ej, false, 5 > 4)
3. Condicionales
Si * se cumple la primera condición, se ejecutará el primer bloque de código.
*Si no se cumple, se ejecutará el código del bloque else. A la derecha hay otro
código como ejemplo.
Instrucciones
¡Esperamos que te haya ayudado este repaso! Hacé clic en 'Guardar y enviar'
para continuar.
MatemáticaYa vimos las operaciones matemáticas básicas. Los símbolos matemáticos
básicos que aprendimos en la escuela también funcionan acá. Incluso el orden
en el que la computadora entiende matemática es el mismo que en la escuela.
Código:
1. ( ) : controla el orden de las operaciones
2. * y / : multiplicación y división
3. + y - : suma y resta
Ejemplos:
1. 100/10 es igual a 10
2. "Tomi".length + 5 es igual a 9
3. 5*(3+1) es igual a 20
Instrucciones
1. Completá las partes que faltan en el código para escribir una sentencia if /else. Hacé que la condición sea igual a true.
2. Completá la sentencia else imprimiendo el string "Error Error Error" en la consola.
?
Consejo
Falta mucha sintaxis. Faltan: la palabra clave if y las { } después de la
palabra clave else.
Asegurate de no borrar ninguno de los códigos provistos, de lo contrario, puede
fallar.
La matemática y el modulo
Vamos a ver un símbolo interesante llamado módulo. Cuando se
escribe %entre dos números, la computadora dividirá el primer número por el
segundo, y luego dará como resultado el resto de esa división.
Entonces, si escribimos 23 % 10, estamos dividiendo 23 entre 10, lo que da
como resultado 2, y el resto es 3. Entonces 23 % 10 es igual a 3.
Más ejemplos:
17 % 5 es igual a 2
13 % 7 es igual a 6
Instrucciones
Usá console.log y modulo (sin tilde) tres veces para obtener el resto de las
siguientes ecuaciones:
a. 14 / 3
b. 99 / 8
c. 11 / 3
?
Consejo
Escribí console.log tres veces en tres líneas, y escribí una nueva sentencia
entre los paréntesis cada vez. ¡No te olvides de usar % en lugar de / para saber
cuanto es el resto!
Modulo e if / else¿Entonces el módulo para qué sirve? Por una parte, para probar la capacidad
de división. Pensá en 30 % 10. ¿Cuál es el resultado? No hay resto, así que es
0.
¿Y 9 % 3? También es 0.
Podemos usar modulos en comparaciones, así:
• 10 % 2 === 0 es a true
• 7 % 3 === 0 es false ya que el resto es 1.
Instrucciones
Vamos a hacer que la sentenciaif/else muestre "El primer número es par".
1. Editá la línea 3 agregando una comparación que evalúe como true.
2. En la comparación, usá un módulo y un número par, como hicimos en el ejemplo anterior.
?
Consejo
Los números pares son divisibles por 2 en partes iguales. Por ejemplo, 10 % 2
=== 0 tiene que funcionar.
Asegurate de no agregar punto y coma a tu código. No tiene que haber punto y
coma entre el ) y la{ en tu sentencia if.
SubcadenasAprendimos unas cuantas maneras de trabajar con los números. ¿Qué hay acerca de
las cadenas?
A veces no querés que aparezca la cadena completa, sino solo una parte. Por
ejemplo, podés configurar tu bandeja de entrada de Gmail para que muestre (más o
menos) los primeros 50 caracteres de cada mensaje, de manera que tengas una vista
previa de ellos. Esta vista previa es una subcadena de la cadena original (el mensaje
completo).
Código:
"alguna palabra".substring(x, y)donde x es el punto donde se comienza a cortar
y y es el punto donde se termina de cortar la cadena original.
La parte del número es un poco extraña. Para tomar solo la parte de "ho" en "hola",
tendrías que escribir algo así:
"hola". substring(0, 2);
Cada caracter en la cadena está numerado comenzando desde 0, así:
0 1 2 3 | | | | h o l a
La letra h está en la posición 0, la letra o está en la posición 1, y así sucesivamente.
Por lo tanto, si empezás en la posición0, y cortas en la posición 2, te queda solo ho.
Más ejemplos:
1. Las primeras tres letras de "Batman""Batman".substring(0,3);
2. Desde la 4.a hasta la 6.a letra de "laptop""laptop".substring(3,6);
Instrucciones
Encontrá desde la 4.a hasta la 7.a letra de la cadena "milanesas".
?
Consejo
Acordate de empezar a contar desde 0. No necesitás usar console.logporque no te
pedimos que imprimas.
Más ejercicios con subcadenas¡Puede ser difícil conocer la ubicación de las letras de la subcadena! Vamos a
controlar que realmente sepamos cómo hacerlo bien.
Acordate de que cada caracter de una cadena está numerado comenzando por
0. Entonces, para la palabra "hola", la letra h está en la posición 0, la letra o en
la posición 1, etc.
Instrucciones
Usá console.log en tres líneas separadas para obtener las subcadenas de las
siguientes cadenas.
a. "Ene" en "Enero"
b. "Argentina es" en "Argentina es hermosa" (Tené en cuenta el espacio)
c. "rguesas" en "Hamburguesas"
?
Consejo
Así mostramos las primeras dos letras de la palabra "hola":
console.log( "hello".substring(0, 2) ;
VariablesAprendimos algunas cosas: como hacer cadenas, saber cuántos caracteres
tiene una cadena, qué caracter está en una determinada posición y a hacer
operaciones matemáticas básicas. ¡Un montón para un solo día!
Para escribir un código que sea más complejo, necesitamos una forma de
'guardar' los valores de nuestro código. Esto lo hacemos definiendo una
variable con un nombre específico, que distinga entre mayúsculas y
minúsculas. Una vez que creás (o quedeclarás) una variable con un nombre
particular, podés llamar a ese valor escribiendo el nombre de la variable.
Código:
var nombreVariable = tipo de datos;
Ejemplo:
a. var miNombre = "Juan";
b. var miEdad = 30;
c. var esImpar = true;
Instrucciones
Creá una variable llamada miEdad y escribí cuántos años tenés.
?
Consejo
Acordate de no usar comillas, porque si las usás, tu edad se convertirá en una
cadena.
Para declarar una variable, solo tenés que escribir:
var nombreVariable = /* algún valor *
Más ejercicios con variables
Ya vimos como crear una variable. ¿Pero cómo la usamos? Es muy útil pensar
que cada vez que escribís el nombre de la variable estás pidiéndole a la
computadora que tome el nombre de la variable y lo intercambie por su valor.
Por ejemplo:
var miNombre = "Steve Jobs";
miNombre.substring(0,5)
Mira la segunda línea de acá arriba. Le pediste a la computadora que
intercambiara miNombre por Steve Jobs, de manera que
miNombre.substring(0,5)
se convierte en
"Steve Jobs".substring(0,5)
lo que es igual a Steve.
Veamos otro ejemplo:
var miEdad = 120;
¿A qué es igual
miEdad % 12 ? Hacé clic en la sugerencia para ver si tu respuesta es correcta.
La variable almacena el valor de la variable, ya sea un número o una cadena.
Como ya te vamos a mostrar, esto hace que escribir programas largos sea
mucho más fácil.
Instrucciones
Seguí las instrucciones de los comentarios del código para avanzar.
?
Consejo
Ten en cuenta que el computador interpreta "Nueva York" y "nueva york" como
strings diferentes. (es decir "Nueva York" no es lo mismo que "nueva york")
Y la respuesta de la pregunta anterior es miEdad % 12 es igual a0.
Cambiar los valores de variablesHasta ahora aprendimos
a. cómo crear una variable
b. cómo usar una variable
Ahora vamos a ver cómo cambiar el valor de una variable. El valor de una
variable se puede cambiar fácilmente. Solo hacé de cuenta que estás creando
una nueva variable, pero usando el nombre de la variable que ya existe.
Ejemplo:
var miEdad = "Quince";
Supongamos que cumplí años y quiero cambiar mi edad.
miEdad = "Dieciseis";
¡Ahora el valor de miEdad es "Dieciseis"!
Instrucciones
Seguí las instrucciones de las líneas 1, 3, 5 y 8. Estamos usando este método
para mostrarte que el orden en el que das indicaciones a la computadora es
muy importante.
?
Consejo
Para mostrar la variable miEdad, escribí miEdad entre paréntesis después de