WorksheetsModales, Barra Nav Resp
Total questions: 8
Worksheet time: 4mins
¿Qué representa este código?
A) Un ícono SVG de flecha
B) Un modal con contenido
C) Un botón hamburguesa con 3 líneas
D) Un menú desplegable con listas
¿Cuál de estas opciones describe mejor un “modal”?
A) Es una ventana emergente del navegador (alert)
B) Es una nueva pestaña que se abre automáticamente
C) Es una ventana flotante dentro de la misma página que bloquea la interacción
D) Es un contenedor con z-index bajo
¿Qué método JavaScript se usa comúnmente para escuchar la acción de abrir un modal?
¿Qué ventaja tiene el uso de transform: translateX() en menús responsivos?
A) Oculta el menú para siempre
B) Permite animar la entrada/salida sin afectar el flujo del documento
C) Lo hace compatible solo con móviles
D) Crea submenús automáticos
¿Qué se recomienda para centrar un modal tanto vertical como horizontalmente?
A) float: center
B) display: flex; justify-content: center; align-items: center;
text-align: center
margin: auto 0;
¿Qué instrucción de JavaScript oculta un modal?
A) modal.open = false;
B) hide(modal);
C) modal.style.display = 'none';
D) modal.visibility = false;
¿Qué función cumple la propiedad z-index en un modal?
A) Centrar el modal
B) Asegurar que el modal se muestre por encima de otros elementos
C) Definir el tamaño del modal
D) Cerrar el modal al hacer clic
¿Cuál evento es ideal para cerrar un modal al hacer clic fuera de su contenido?
A) keydown
B) click
C) hover
D) mousedown
