Update static/js/index.js

static/js/index.js

@@ -1,12 +1,25 @@
 document.addEventListener('DOMContentLoaded', function () {
     console.log('RIMU - Protección de Fauna Silvestre cargado correctamente');
 
+    // Función para mostrar alertas
+    function mostrarAlerta(titulo, mensaje) {
+        const alertaContainer = document.getElementById('alert-container');
+        const alertaDiv = document.createElement('div');
+        alertaDiv.classList.add('alerta');
+        alertaDiv.innerHTML = `
+            <div class="alerta-titulo">${titulo}</div>
+            <div class="alerta-fecha">${new Date().toLocaleString()}</div>
+            <p>${mensaje}</p>
+        `;
+        alertaContainer.appendChild(alertaDiv);
+    }
+
     // Simulación de alertas en la consola
     setTimeout(() => {
-        console.log('⚠️ Alerta: Reporte de atropellamiento en la carretera Panamericana Norte');
+        mostrarAlerta('⚠️ Alerta: Reporte de atropellamiento', 'En la carretera Panamericana Norte, cerca de Huaraz.');
     }, 5000);
 
     setTimeout(() => {
-        console.log('⚠️ Alerta: Precaución, zona de alta vulnerabilidad en la selva central');
+        mostrarAlerta('⚠️ Alerta: Precaución', 'Zona de alta vulnerabilidad para fauna en la selva central.');
     }, 10000);
 });