Mejorar Javascript
Cargado por
ferleonmoloneyMejorar Javascript
Cargado por
ferleonmoloneyMejora de habilidades en JavaScript utilizando JSFiddle
Tiempo estimado: 60 minutos
Introducción:
Este laboratorio está diseñado para proporcionarte ejercicios prácticos para mejorar tus habilidades de programación en JavaScript utilizando
JS Fiddle. El enfoque está en resolver problemas lógicos del mundo real, alentándote a pensar y escribir código eficiente y ejecutarlo en JS
Fiddle para ver la salida. Al final de este laboratorio, habrás mejorado tu capacidad para implementar soluciones para diversos escenarios y
habrás ganado confianza en tus habilidades de codificación.
Objetivo:
Desarrollar habilidades para resolver problemas utilizando JavaScript
Practicar la escritura y depuración de programas lógicos
Entender cómo implementar soluciones del mundo real utilizando bucles, funciones y lógica condicional
Fortalecer las prácticas de codificación en plataformas como JSFiddle
Ejercicio 1: Calcular el monto total de ventas
Problema:
Estás trabajando para una tienda en línea. Tu tarea es escribir un fragmento de código en JavaScript que calcule el monto total de ventas para
un conjunto dado de transacciones de ventas.
Detalles de entrada:
Un array de objetos que representan transacciones de ventas. Cada objeto tiene las siguientes propiedades:
item: Nombre del producto (cadena)
quantity: Número de unidades vendidas (entero)
price: Precio por unidad (flotante)
Detalles de salida:
Un solo número que representa el monto total de ventas
Pasos para implementar:
1. Define un array de transacciones de ventas con al menos 3 objetos de muestra
2. Escribe una función calculateTotalSales que tome este array como entrada
3. Usa un bucle para iterar a través del array y calcular el monto total de ventas
4. Imprime el monto total de ventas en la consola
Haz clic aquí para ver pistas
Haz clic aquí para ver el código de solución
Escribe el programa en JSFiddle:
Ve a JSFiddle
Escribe el código en la sección de JavaScript
Ejecuta el programa haciendo clic en el botón Run y verifica los resultados en la sección de consola
La salida del código debería aparecer como se muestra en la captura de pantalla a continuación.
Ejercicio 2: Generar un recibo de pedido
Problema:
Escribe un programa en JavaScript que genere un recibo para el pedido de un cliente. El recibo debe incluir el nombre de cada artículo,
cantidad, precio y costo total.
Detalles de entrada:
Un array de objetos que representan los artículos pedidos. Cada objeto tiene:
item: Nombre del producto (cadena)
quantity: Cantidad pedida (entero)
price: Precio por unidad (flotante)
Detalles de salida:
Un recibo detallado que muestre los detalles de cada artículo y el total general
Pasos para implementar:
1. Define un array de artículos pedidos con al menos 3 entradas de muestra
2. Escribe una función generateReceipt que tome este array como entrada
3. Usa un bucle para iterar a través de los artículos y calcular el total para cada artículo y el total general
4. Imprime el recibo en una cadena formateada
Haz clic aquí para ver pistas
Haz clic aquí para ver el código de solución
Escribe el programa en JSFiddle:
Ve a JSFiddle
Escribe el código en la sección de JavaScript
Ejecuta el programa haciendo clic en el botón Run y verifica los resultados en la sección de consola
La salida del código debe aparecer como se muestra en la captura de pantalla a continuación.
Ejercicio 3: Validar contraseñas
Problema:
Escribe un programa en JavaScript para validar una lista de contraseñas. Una contraseña es válida si:
Contiene solo caracteres alfanuméricos (letras y números)
Debe tener al menos 8 caracteres de longitud, pero no más de 20 caracteres
Detalles de entrada:
Un arreglo de contraseñas (cadenas)
Detalles de salida:
Un mensaje que indique si cada contraseña es válida o inválida
Pasos para implementar:
1. Define un arreglo de contraseñas de muestra
2. Escribe una función validatePasswords que tome este arreglo como entrada
3. Usa un bucle para iterar a través de las contraseñas y verificar cada una contra los criterios de validación
4. Registra si cada contraseña es válida o inválida
Haz clic aquí para ver pistas
Haz clic aquí para ver el código de la solución
Escribe el programa en JSFiddle:
Ve a JSFiddle
escribe el código en la sección de JavaScript
Ejecuta el programa haciendo clic en el botón Run y verifica los resultados en la sección de consola
La salida del código debe aparecer como se muestra en la captura de pantalla a continuación.
Ejercicio 4: Rastrear niveles de stock de productos
Problema:
Estás trabajando para una empresa de venta al por menor en línea. Tu tarea es escribir un programa en JavaScript que rastree los niveles de
stock de varios productos en el inventario. El programa debe verificar si un producto está en stock y registrar un mensaje apropiado.
Detalles de entrada:
Un array de objetos que representan productos. Cada objeto contiene:
product: Nombre del producto (cadena)
stock: Número de unidades disponibles en stock (entero)
Detalles de salida:
Un mensaje para cada producto indicando si el producto está “En Stock” o “Agotado”.
Pasos para implementar:
1. Define un array de objetos de producto con al menos 3 productos de muestra
2. Escribe una función checkStockLevels que tome este array como entrada
3. Usa un bucle para iterar a través del array y verificar el nivel de stock de cada producto
4. Imprime un mensaje indicando si el producto está “En Stock” o “Agotado”
Haz clic aquí para ver pistas
Haz clic aquí para ver el código de solución
Escribe el programa en JSFiddle:
Ve a JSFiddle
Escribe el código en la sección de JavaScript
Ejecuta el programa haciendo clic en el botón Run y verifica los resultados en la sección de consola
La salida del código debe aparecer como se muestra en la captura de pantalla a continuación.
Conclusión:
A través de estos ejercicios, has practicado la resolución de problemas de nivel intermedio utilizando JavaScript. Cada tarea se centró en
diferentes aspectos del pensamiento lógico, desde la validación hasta la manipulación de cadenas. Sigue practicando desafíos similares para
mejorar aún más tus habilidades de programación y tu confianza.
Autor
Rajashree Patil
Changelog
Fecha Versión Cambiado por Descripción del cambio
