Pase de Lista body { font-family: Arial, sans-serif; text-align: center; margin-top: 50px; } #mensaje { font-size: 24px; margin-top: 20px; } #imagen { display: none; margin-top: 20px; width: 400px; /* Hacer la imagen más grande */ height: auto; max-width: 100%; }

Escanea tu código de barras

document.getElementById(«codigo»).addEventListener(«input», function() { this.value = this.value.toUpperCase(); }); document.getElementById(«codigo»).addEventListener(«keypress», function(event) { if (event.key === «Enter») { let codigoIngresado = this.value.trim().toUpperCase(); let mensaje = document.getElementById(«mensaje»); let imagen = document.getElementById(«imagen»); if (codigoIngresado === «LAURA 30233125») { mensaje.textContent = «Alumno Activo»; mensaje.style.color = «green»; imagen.src = «https://ciesm.edu.mx/wp-content/uploads/2025/03/copia-de-copia-de-carnet-de-identificacion-para-empresa-electronica-moderno-azul-4.png?w=1004»; // Imagen real de Laura imagen.style.display = «block»; } else { mensaje.textContent = «Alumno Inactivo»; mensaje.style.color = «red»; imagen.style.display = «none»; } setTimeout(() => { mensaje.textContent = «»; imagen.style.display = «none»; document.getElementById(«codigo»).value = «»; document.getElementById(«codigo»).focus(); }, 2000); // Borra el mensaje e imagen después de 2 segundos } });