Día: 21 de agosto de 2026

Pen Mi pregunta El texto de la pregunta Imagen de un volcán en un territorio remoto Selecciona las opciones correctas Opción 1 Opción 2 Opción 3 Opción 4 Opción 5 Responder Resultado Cerrar // Esperamos a que el DOM esté completamente cargado document.addEventListener("DOMContentLoaded", function () { // Variables const checkboxes = document.querySelectorAll(".form-check-input"); const btnResponder = document.getElementById("btnResponder"); // Elementos del modal…

Pen /* Estilos para las imágenes clickeables */ .imagen-opcion { cursor: pointer; transition: all 0.3s ease; border: 3px solid transparent; border-radius: 8px; overflow: hidden; } .imagen-opcion:hover { transform: scale(1.05); box-shadow: 0 8px 25px rgba(0,0,0,0.2); border-color: #0d6efd; } .imagen-opcion:active { transform: scale(0.95); } .imagen-opcion img { width: 100%; height: 200px; object-fit: cover; } .imagen-opcion .card-body { padding: 0.75rem; } .imagen-opcion .card-title…

Pen Mi pregunta El texto de la pregunta Imagen de un volcán en un territorio remoto Selecciona una opción Opción 1 Opción 2 Opción 3 Opción 4 Opción 5 Responder Resultado Cerrar // Esperamos a que el DOM esté completamente cargado document.addEventListener('DOMContentLoaded', function() { // Variables let opcionSeleccionada = null; const dropdownButton = document.getElementById('dropdownButton'); const opciones = document.querySelectorAll('.dropdown-item'); const btnResponder…

Pen Mi pregunta El texto de la pregunta Imagen de un volcán en un territorio remoto Botón 1 Botón 2 Botón 3 Botón 4 Resultado Cerrar // Esperamos a que el DOM esté completamente cargado document.addEventListener('DOMContentLoaded', function() { // Obtenemos todos los botones const botones = document.querySelectorAll('[data-boton]'); // Obtenemos el elemento del modal const modalElement = document.getElementById('respuestaModal'); const modalMensaje =…