Por Mateo Carrizo

25 de diciembre de 2025

Por Mateo Carrizo

25 de diciembre de 2025

```html

Resultados de Sorteos - Catamarca

Información de Sorteos

infoDiv.innerHTML = ` ${sorteo.nombre}
Fecha del sorteo: ${sorteo.fecha}
Hora: ${sorteo.hora}
Consultado el: ${fechaHoy} `;

sorteosInfoDiv.appendChild(infoDiv); });

// Generar tablas de resultados const tablasDiv = document.getElementById('tablas-resultados');

sorteos.forEach(sorteo => { // Crear contenedor de tabla const tablaContainer = document.createElement('div'); tablaContainer.style.width = '300px'; tablaContainer.style.marginBottom = '20px';

// Crear título de la tabla const titulo = document.createElement('h4'); titulo.textContent = sorteo.nombre; titulo.style.color = '#2c3e50'; titulo.style.marginBottom = '10px'; titulo.style.paddingBottom = '5px'; titulo.style.borderBottom = '2px solid #3498db';

// Crear tabla const tabla = document.createElement('table'); tabla.style.width = '100%'; tabla.style.borderCollapse = 'collapse'; tabla.style.border = '1px solid #ddd'; tabla.style.fontSize = '14px';

// Crear encabezado const thead = document.createElement('thead'); thead.innerHTML = `

`;

// Crear cuerpo de la tabla const tbody = document.createElement('tbody');

sorteo.numeros.forEach((numero, index) => { const fila = document.createElement('tr');

// Celda de posición const celdaPosicion = document.createElement('td'); celdaPosicion.textContent = (index + 1); celdaPosicion.style.padding = '8px'; celdaPosicion.style.textAlign = 'center'; celdaPosicion.style.border = '1px solid #ddd'; celdaPosicion.style.fontWeight = 'bold';

// Celda de número const celdaNumero = document.createElement('td'); celdaNumero.textContent = numero; celdaNumero.style.padding = '8px'; celdaNumero.style.textAlign = 'center'; celdaNumero.style.border = '1px solid #ddd'; celdaNumero.style.fontFamily = 'monospace'; celdaNumero.style.fontSize = '16px'; celdaNumero.style.fontWeight = 'bold';

// Aplicar color verde claro al primer número if (index === 0) { celdaNumero.style.backgroundColor = '#90EE90'; celdaNumero.style.color = '#000'; }

fila.appendChild(celdaPosicion); fila.appendChild(celdaNumero); tbody.appendChild(fila); });

// Ensamblar tabla tabla.appendChild(thead); tabla.appendChild(tbody);

// Agregar información adicional const infoExtra = document.createElement('div'); infoExtra.style.marginTop = '10px'; infoExtra.style.fontSize = '12px'; infoExtra.style.color = '#666'; infoExtra.innerHTML = `

`;

// Ensamblar contenedor tablaContainer.appendChild(titulo); tablaContainer.appendChild(tabla); tablaContainer.appendChild(infoExtra);

tablasDiv.appendChild(tablaContainer); }); });
```