Ejercicios Javascript 101 - 2017

1_variables.md

Variables

1. En esta actividad necesitamos definir variables que almacenen la cantidad de elementos de nuestro botiquín. En él tenemos 3 apósitos adhesivos, 1 alcohol en gel, 1 blister (tableta) de aspirinas y 2 pares de guantes de latex. A su vez, es necesario mostrar las cantidades en la consola (Pista: Usa console.log();)

var cantidadApositosAdhesivos = 3;
var cantidadAlcoholEnGel = 1;
var cantidadBlisterAspirinas = 1;
var cantidadGuantesDeLatex = 4;
console.log(cantidadApositosAdhesivos, cantidadAlcoholEnGel, cantidadBlisterAspirinas, cantidadGuantesDeLatex);

2. Defina las variables necesarias para mostrar el nombre de los elementos que contiene nuestro botiquin.

var nombreApositos = 'Curitas';
var nombreAlcohol = 'Alcohol en Gel';
var nombreAspirinas = 'Aspirinas';
var nombreGuantes = 'Guantes de Latex';
console.log(nombreApositos, nombreAlcohol, nombreAspirinas, nombreGuantes);

3. Muestre en la consola, el nombre de cada elemento del botiquín junto con la cantidad correspondiente.

console.log(nombreApositos, ':', cantidadApositosAdhesivos);
console.log(nombreAlcohol, ':', cantidadAlcoholEnGel);
console.log(nombreAspirinas, ':', cantidadBlisterAspirinas);
console.log(nombreGuantes, ':', cantidadGuantesDeLatex);

4. ¿Que sucede si queremos ver la cantidad de algun elemento que no definimos en el botiquín? Ejemplo: cantidadDeVendas.

5. ¿Que problema tiene la siguiente sentencia?

console.log("Nuevo botiquín');

2_operadores_expresiones.md

Operadores y Expresiones

1. Pasamos por una farmacia y trajimos 1 caja de 10 apósitos adhesivos y 2 blisters de aspirinas. Actualice las cantidades de los elementos correspondientes en nuestro botiquín.

var cantidadApositosAdhesivos = 3;
var cantidadBlisterAspirinas = 1;
cantidadApositosAdhesivos = cantidadApositosAdhesivos + 10;
cantidadBlisterAspirinas = cantidadBlisterAspirinas + 2;
console.log(cantidadApositosAdhesivos, cantidadBlisterAspirinas);

2. Defina una variable que tenga la cantidad total de aspirinas del botiquín sabiendo que cada blister tiene 10 aspirinas.

var cantidadAspirinas = cantidadBlisterAspirinas * 10;
console.log(cantidadAspirinas);

3. Defina la variable quedanApositos la cual determine si quedan apósitos disponibles.

var quedanApositos = cantidadApositosAdhesivos > 0;
console.log('¿Quedan apósitos?', quedanApositos);

4. Muestre en la consola, el nombre de cada elemento del botiquín junto con la cantidad correspondiente.

console.log(nombreApositos, ':', cantidadApositosAdhesivos);
console.log(nombreAspirinas, ':', cantidadBlisterAspirinas);
console.log(nombreGuantes, ':', cantidadGuantesDeLatex);

5. ¿Que problema tiene el siguiente código?

var cantidadApositosAdhesivos = '3';
cantidadApositosAdhesivos = cantidadApositosAdhesivos + 10;
console.log(cantidadApositosAdhesivos);

3_arrays.md

Arrays

1. Defina el botiquín como un arreglo con el nombre de los elementos que contiene.

var botiquin = ['Curitas', 'Alcohol en gel', 'Aspirinas', 'Guantes de latex'];
console.log(botiquin);

2. Muestre en la consola la cantidad de elementos que contiene el botiquín.

var cantidadDeElementos = botiquin.length;
console.log(cantidadDeElementos);

3. Obtenga el primer elemento y el ultimo que contiene el botiquín. (Tip: Los índices de los arrays comienzan desde 0.)

var primerElemento = botiquin[0];
var ultimoElemento = botiquin[ botiquin.length - 1 ];
console.log(primerElemento, ultimoElemento);

4. Defina un arreglo con las cantidades de cada elemento del botiquín en la misma posicion definida anteriormente. Luego muestre la cantidad de aspirinas que tiene el botiquín como NOMBRE: CANTIDAD.

var botiquin = ['Curitas', 'Alcohol en gel', 'Aspirinas', 'Guantes de latex'];
var cantidades = [13, 1, 3, 4];
var indiceDeAspirinas = 2;
console.log(botiquin[indiceDeAspirinas], ':', cantidades[indiceDeAspirinas]);

5. Pasamos nuevamente por la farmacia y trajimos 1 paquete de gasas. Agregue este elemento al botiquín. (Pista: Llame al método push sobre el botiquin)

botiquin.push('Gasas');
console.log(botiquin);

6. Quite el último elemento agregado del botiquín. (Pista: Llame al método pop sobre el botiquin)

var ultimoElemento = botiquin.pop();
console.log(botiquin, ultimoElemento);

7. ¿Qué elemento tomaremos en esta sentencia?

console.log(botiquin[ botiquin.length ]);

4_estructuras_control.md

Estructuras de control

1. Muestre en la consola un mensaje si aun quedan apósitos en el botiquin, en caso contrario muestre el mensaje 'Hacen falta apósitos!'.

var cantidadApositosAdhesivos = 13;
if (cantidadApositosAdhesivos > 0) {
  console.log('Aún quedan apositos.');
} else {
  console.log('Hacen falta apósitos!');
}

2. Recorra el botiquín y muestre de a uno por vez los elementos en la consola. (Pista: Usa la sentencia while).

var botiquin = ['Curitas', 'Alcohol en gel', 'Aspirinas', 'Guantes de latex'];
var indice = 0;
while(indice < botiquin.length) {
  console.log(botiquin[indice]);
  indice = indice + 1;
}

3. Recorra el botiquín y muestre el mensaje 'Aun quedan gasas en el botiquin.' si hay gasas en el botiquín.

var botiquin = ['Curitas', 'Alcohol en gel', 'Aspirinas', 'Guantes de latex'];
var indice = 0;
var quedanGasas = false;
while(indice < botiquin.length) {
  if(botiquin[indice] == 'Gasas') {
    quedanGasas = true;
  }
  indice = indice + 1;
}

if(quedanGasas) {
  console.log('Aun quedan gasas.');
}

5_objetos.md

Objetos

1. Defina una variable que almacene la información de los apósitos como un objeto y muestre sus propiedades en la consola. (Pista: Defina el objeto con las propiedades nombre y cantidad).

var apositos = {
  nombre: 'Apósitos adhesivos',
  cantidad: 13
};
console.log(apositos.nombre, apositos.cantidad);

2. Cambie el nombre de los apósitos por 'Curitas' y muestrelo en la consola.

var apositos = {
  nombre: 'Apósitos adhesivos',
  cantidad: 13
};
apositos.nombre = 'Curitas';
console.log(apositos.nombre, apositos.cantidad);

3. Agregue la propiedad fechaDeVencimiento al objeto de las aspirinas con el valor '12/18'.

var blistersDeAspirinas = {
  nombre: 'Aspirinas',
  cantidad: 3
};
blistersDeAspirinas.fechaDeVencimiento = '12/18';
console.log(blistersDeAspirinas);

4. Cambie todos los elementos del botiquín a objetos con la misma estructura.

var botiquin = [
  {
    nombre: 'Curitas',
    cantidad: 13
  }, 
  {
    nombre: 'Alcohol en gel',
    cantidad: 11
  },
  {
    nombre: 'Aspirinas',
    cantidad: 3
  },
  {
    nombre: 'Guantes de latex',
    cantidad: 4
  }
]; 
console.log(botiquin);

5. Recorra el botiquín con los nuevos objetos mostrando el nombre y la cantidad de cada elemento.

var indice = 0;
while(indice < botiquin.length) {
  var elemento = botiquin[indice];
  console.log(elemento.nombre, elemento.cantidad);
  indice = indice + 1;
}

6. ¿Qué diferencia encuentra de usar objetos sobre las soluciones del comienzo de curso?

La idea es que puedan incorporar el concepto de simple de encapsulamiento y agrupamiento de información coherente.

6_funciones.md

Funciones

1. Declare una función que muestre el mensaje 'Bienvenidos al botiquín virtual!'.

function bienvenidos() {
  console.log('Bienvenidos al botiquín virtual!');
}
bienvenidos();

2. Declare una función que reciba tu nombre como parametro y lo una al mensaje de bienvenida.

function bienvenido(nombre) {
  console.log('Bienvenido ' + nombre + ' al botiquín virtual!');
}
bienvenido('Gastón');

3. Utilice la función nativa de JavaScript prompt() para ingresar tu nombre y luego envielo como parametro a la función anterior.

var nombre = prompt('¿Cuál es tu nombre?');
bienvenido(nombre);

4. Declare una función que calcule y retorne la cantidad de aspirinas que hay en el botiquín a partir de los blisters que hay en él (Tal cual hicimos en el ejercicio 2 de Operadores);

function aspirinasEnBotiquin(blistersDeAspirinas) {
  return blistersDeAspirinas * 10;
}
var cantidadBlisterAspirinas = 3;
console.log(aspirinasEnBotiquin(cantidadBlisterAspirinas));

5. ¿Qué sucederá si la función anterior la llamamos sin enviarle los parametros necesarios?

console.log(aspirinasEnBotiquin());

6. Defina la función sonIguales que determine si 2 objetos del botiquín son iguales o no. A su vez, escriba un programa que use esta función y muestre un mensaje a partir de su resultado.

function sonIguales(elemento1, elemento2) {
  return elemento1.nombre === elemento2.nombre;
}

if(sonIguales(curitas, alcohol)) {
  console.log('Son el mismo elemento!');
} else {
  console.log('Son elementos diferentes!');
}

7. Defina la función mostrarBotiquin que muestre lo que contiene nuestro botiquín (que recibe como parametro) en forma de tabla como se describe abajo. Al momento de presentar las aspirinas, muestre la cantidad aspirinas, no de blisters (Tip: Reusa las funciones anterior).

Bienvenido Gastón al botiquin virtual! Este es tu botiquín:

Elemento	Cantidad
Curitas	13
...	...

function mostrarBotiquin(nombre, botiquin){
...
}
var nombre = prompt('¿Cuál es tu nombre?');
mostrarBotiquin(nombre, botiquin);