JavaScript DOM

Requisitos del Proyecto de Topping de Pizzas

Objetivo:

Desarrollar una página web interactiva que permita a los usuarios seleccionar los ingredientes (toppings) para personalizar su pizza.

Requisitos Funcionales:

• Interfaz de Usuario:

• Mostrar un título principal que incluya un emoji de pizza y el texto "Toppings Pizza".

• Presentar una lista de ingredientes (toppings) disponibles.

• Cada ingrediente debe ser representado por un elemento de lista (<li>) dentro de la lista desordenada (<ul>).

• Los ingredientes deben incluir al menos Aceitunas, Cebolla, Albahaca y Champiñones.

• Aplicar estilos visuales distintos para diferenciar los ingredientes utilizando clases de CSS.

• Selección de Ingredientes:

• Permitir la selección y deselección de ingredientes al hacer clic en ellos.

• Indicar visualmente los ingredientes seleccionados.

• Funcionalidad JavaScript:

• Utilizar métodos de selección de elementos (getElementById, getElementsByTagName, querySelector y querySelectorAll) para interactuar con el DOM.

• Asignar elementos seleccionados a variables correspondientes.

• Registrar en la consola los resultados de la selección para cada método utilizado.

• Verificar que los elementos seleccionados coincidan con los elementos deseados en el DOM.

Requisitos No Funcionales:

• Compatibilidad:

• Garantizar la compatibilidad con los principales navegadores web y dispositivos móviles y de escritorio.

• Rendimiento:

• Optimizar los recursos para una carga rápida y eficiente de la página.

• Mantenibilidad:

• Seguir buenas prácticas de desarrollo web y mantener un código bien documentado y organizado.

Entregables:

• Archivos HTML, CSS y JavaScript enlazados y funcionando correctamente.

• Registro en la consola de los elementos seleccionados y verificación de su correctitud.

• Página web funcional y responsiva que permita a los usuarios personalizar su pizza según los ingredientes seleccionados.

Estos requisitos proporcionan una guía detallada para el desarrollo efectivo del proyecto de topping de pizzas, asegurando una interfaz de usuario intuitiva y una funcionalidad robusta mediante el uso adecuado de HTML, CSS y JavaScript.

HTML:

Blog creado por Andy