🎠 Ejercicios básicos en Javascript parte II

Práctica de bucles y condicionales en Javascript

Explicación del Ejercicio

¿Qué vamos a hacer?

Vamos a practicar el uso de condicionales y bucles en Javascript, trabajando en el archivo index.html y observando los resultados en la consola del navegador.

¿Dónde lo vamos a hacer?

Abriremos el archivo index.html en el navegador utilizando Live Server.

Trabajaremos en un archivo script.js donde escribiremos código Javascript y lo visualizaremos desde la consola del navegador.

¿Cómo lo hacemos?

Escribiremos y ejecutaremos código Javascript y lo visualizaremos en la consola del navegador para practicar conceptos fundamentales como la impresión de mensajes, la creación de variables y el uso de operadores.

¿Con qué lo hacemos?

Utilizaremos Javascript y un navegador web. Abriremos la consola del navegador para ver los resultados de nuestro código.

¿Cómo se evalúa lo que hacemos?

El ejercicio será evaluado en función de la correcta implementación de las instrucciones y la capacidad para visualizar los resultados en la consola.

---

Objetivo del Ejercicio

En esta actividad individual, el objetivo principal es familiarizarse con los condicionales y bucles en Javascript, desarrollando habilidades prácticas para controlar el flujo del código.

---

Objetivos Específicos

1. Comprender los condicionales: Aprenderás a utilizar if, else, switch y operadores ternarios para tomar decisiones en tu código.
2. Practicar bucles: Te familiarizarás con diferentes tipos de bucles (for, for in, for of, while, do while) y su aplicación para iterar sobre estructuras de datos.
3. Crear y utilizar funciones: Desarrollarás funciones que realicen tareas específicas, como cálculos y saludos personalizados.

---

Criterios de Evaluación

1. Uso correcto de condicionales: Se evaluará la correcta implementación de condicionales para diferentes escenarios.
2. Ejecución de bucles: Se verificará que los bucles se utilicen adecuadamente para iterar sobre datos.
3. Implementación de funciones: Se comprobará que las funciones estén bien definidas y devuelvan los resultados esperados.
4. Cumplimiento de los pasos: Se verificará que se han seguido todos los pasos para completar cada ejercicio.

---

Paso a Paso

Paso 1: Abrir el archivo HTML

• Abre el archivo index.html en tu editor de texto (Visual Studio Code).
• Asegúrate de que el archivo esté abierto en el navegador utilizando Live Server.

Paso 2: Abrir la consola del navegador

• En el navegador, abre el Inspector (puedes hacerlo con clic derecho y seleccionando "Inspeccionar" o presionando Ctrl + Shift + I en Windows).
• Selecciona la pestaña Consola para comenzar a trabajar.

Continuar con los ejercicios en el archivo script.js

Paso 3: Condicionales

1. Ejercicio 1: Escribe un condicional if/else que verifique si una constante age es mayor o igual a 18 y muestre un mensaje correspondiente en la consola.
2. Ejercicio 2: Cambia el valor de age a 12 y observa el resultado.
3. Ejercicio 3: Crea un condicional que evalúe la constante pet y muestre un mensaje diferente en función del tipo de mascota.
4. Ejercicio 4: Cambia el valor de pet a "serpiente" y verifica el resultado.
5. Ejercicio 5: Repite el ejercicio anterior usando un condicional switch.
6. Ejercicio 6: Usa un operador ternario para determinar qué tipo de ropa usar en función del clima.
7. Ejercicio 7: Cambia el valor de weather y verifica el resultado.
8. Ejercicio 8: Crea un programa que evalúe el tipo de una constante value y muestre un mensaje en consecuencia.

Paso 4: Bucles

1. Ejercicio 9: Usa un bucle for para imprimir una lista del 0 al 10 en la consola.
2. Ejercicio 10: Utiliza un bucle for in para imprimir información sobre un array de programadoras.
3. Ejercicio 11: Utiliza un bucle for of para saludar a una lista de nombres.
4. Ejercicio 12: Crea un bucle while para imprimir una lista del 1 al 5.
5. Ejercicio 13: Realiza el mismo ejercicio anterior, pero usando un bucle do while.
6. Ejercicio 14: Define una función saludar que reciba un nombre y devuelva un saludo personalizado.
7. Ejercicio 15: Define una función calcularAreaRectangulo que calcule el área de un rectángulo y muestra el resultado en la consola.

Paso 5: Arrays

1. Ejercicio 16: Crear un array de postres

   Define un array con elementos: helado, tarta y pastel.

2. Ejercicio 17: Crear un objeto coder

   Crea un objeto coder con propiedades nombre y edad.

3. Ejercicio 18: Imprimir tipos de datos

   Imprime el tipo de dato de cada variable que creaste anteriormente.

Paso 6: Guardar y Revisar

• Guarda todos los cambios en el archivo index.html y revisa que el código Javascript se haya ejecutado correctamente, observando los resultados en la consola del navegador.

---

Recursos y Herramientas

• Editor de Texto: Visual Studio Code
• Documentación de Javascript:
  • JavaScript MDN
  • Guía de JavaScript

---

Entrega del Ejercicio

• Formato de entrega:
  • Se deberá entregar en el Classroom, con el enlace a github del ejercicio.

---

Este ejercicio te permitirá profundizar en el uso de condicionales y bucles en Javascript, mejorando tu capacidad para controlar el flujo de tus programas y desarrollar lógica básica de programación.