驴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.
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.
- Comprender los condicionales: Aprender谩s a utilizar
if,else,switchy operadores ternarios para tomar decisiones en tu c贸digo. - 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. - Crear y utilizar funciones: Desarrollar谩s funciones que realicen tareas espec铆ficas, como c谩lculos y saludos personalizados.
- Uso correcto de condicionales: Se evaluar谩 la correcta implementaci贸n de condicionales para diferentes escenarios.
- Ejecuci贸n de bucles: Se verificar谩 que los bucles se utilicen adecuadamente para iterar sobre datos.
- Implementaci贸n de funciones: Se comprobar谩 que las funciones est茅n bien definidas y devuelvan los resultados esperados.
- Cumplimiento de los pasos: Se verificar谩 que se han seguido todos los pasos para completar cada ejercicio.
Paso 1: Abrir el archivo HTML
- Abre el archivo
index.htmlen 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 + Ien Windows). - Selecciona la pesta帽a Consola para comenzar a trabajar.
Continuar con los ejercicios en el archivo script.js
Paso 3: Arrays
-
Ejercicio 1: Crear un array de postres
Define un array con elementos:
helado,tartaypastel.
Paso 4: Objetos
-
Ejercicio 2: Crear un objeto coder
Crea un objeto
codercon propiedadesnombreyedad. -
Ejercicio 3: Imprimir tipos de datos
Imprime el tipo de dato de cada variable que creaste anteriormente.
Paso 5: Condicionales
- Ejercicio 4: Escribe un condicional
if/elseque verifique si una constanteagees mayor o igual a 18 y muestre un mensaje correspondiente en la consola. - Ejercicio 5: Cambia el valor de
agea 12 y observa el resultado. - Ejercicio 6: Crea un condicional que eval煤e la constante
pety muestre un mensaje diferente en funci贸n del tipo de mascota. - Ejercicio 7: Cambia el valor de
peta "serpiente" y verifica el resultado. - Ejercicio 8: Repite el ejercicio anterior usando un condicional
switch. - Ejercicio 9: Usa un operador ternario para determinar qu茅 tipo de ropa usar en funci贸n del clima.
- Ejercicio 10: Cambia el valor de
weathery verifica el resultado. - Ejercicio 11: Crea un programa que eval煤e el tipo de una constante
valuey muestre un mensaje en consecuencia.
Paso 4: Bucles
- Ejercicio 12: Usa un bucle
forpara imprimir una lista del 0 al 10 en la consola. - Ejercicio 13: Utiliza un bucle
for inpara imprimir informaci贸n sobre un array de programadoras. - Ejercicio 14: Utiliza un bucle
for ofpara saludar a una lista de nombres. - Ejercicio 15: Crea un bucle
whilepara imprimir una lista del 1 al 5. - Ejercicio 16: Realiza el mismo ejercicio anterior, pero usando un bucle
do while. - Ejercicio 17: Define una funci贸n
saludarque reciba un nombre y devuelva un saludo personalizado. - Ejercicio 18: Define una funci贸n
calcularAreaRectanguloque calcule el 谩rea de un rect谩ngulo y muestra el resultado en la consola.
Paso 5: Guardar y Revisar
- Guarda todos los cambios en el archivo
index.htmly revisa que el c贸digo Javascript se haya ejecutado correctamente, observando los resultados en la consola del navegador.
- Editor de Texto: Visual Studio Code
- Documentaci贸n de Javascript:
- 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.