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

console.log.

Conclusión: Parte 1

Vamos a hacer un repaso rápido.

Tipos de datos

• Strings (cadenas) (*por ej.* "los perros hacen guau")

• numbers (números) (*por ej.* 4,10)

• booleans (booleanos) (*por ej.*false, 5 > 4)

Variables

Almacenamos valores de datos en las variables. Podemos recuperar los

valores de esas variables escribiendo el nombre de la variable.

Trabajar con números y cadenas

• comparaciones (*por ej.*>, <=)

• módulo (*por ej.*%)

• largo de cadena (*por ej.*"Emilia".length;)

• subcadenas (*porej.*"hi".substring(0, 1);)

console.log( )

Muestra en la consola lo que ponemos entre paréntesis.

Instrucciones

1. En la línea 1, creá una variable miColory dale un valor de cadena.

2. En la línea 2 mostrá en pantalla con console.log() el largo de miColor.

Conclusión: Parte 2Felicitaciones por haber llegado hasta acá.

Aprendiste un montón. Veamos un ejercicio más antes de terminar.

La última cosa difícil que aprendimos fueron las sentencias if / else.

Las sentencias if / else son sentencias condicionales. En condiciones

diferentes, la computadora mostrará diferentes resultados.

Instrucciones

1. Escribí tu propia sentencia if / else.

2. La única instrucción es que el resultado del cálculo de la sentencia sea un registro en la consola que diga "Terminé mi primer curso"

?

Consejo

Existen tres pasos en las sentencias if / else. 

1. Pensá cuál es la condición que querés poner

2. Si la condición es true(verdadera), pensá cuál es el código que querés

ejecutar.

3. Si la condición es false (falsa), pensá cuál es el otro código que querés

ejecutar.