Actividad 17: Práctica con arrays. Gestión de la lista de la compra

Actividad 17: Práctica con arrays. Gestión de la lista de la compra

  • Bootstrap
  • CSS
  • HTML
  • JavaScript

Practicar la creación, acceso, modificación e iteración de arrays en JavaScript.


Descripción de la actividad
Como encargado de mantener una lista de la compra digital, necesitamos realizar varias operaciones básicas sobre esta lista utilizando arrays.

Instrucciones
Parte 1

  • Declara una variable llamada listaCompra y asígnale un array vacío
  • Añade los siguientes artículos a tu listaCompra e imprime en la consola (console.log) el contenido completo de listaCompra: «Leche», «Pan», «Huevos». Puedes usar el método push().
  • Imprime en la consola el contenido completo de listaCompra.
  • Imprime en la consola el segundo artículo de tu listaCompra (recuerda que los índices de los arrays empiezan en 0)
  • Te has dado cuenta de que necesitas «Pan integral» en lugar de «Pan». Modifica el elemento «Pan» en tu listaCompra para que ahora sea «Pan integral».
  • Vuelve a imprimir en la consola el contenido completo de listaCompra para verificar la modificación.
  • Decides que ya no necesitas los «Huevos» (o el último elemento de la lista). Elimina el último elemento de tu listaCompra utilizando el método apropiado.
  • Imprime en la consola el contenido final de listaCompra.

Parte 2
Puedes realizar lo mismo añadiendo y modificando artículos a través de inputs type=text e imprimiéndo los resultados en un p#lista-compra