// 1. Sélectionner le conteneur (ex: une div avec l'id "container")
const container = document.getElementById('UnTableau');

// 2. Créer l'élément table
const table = document.createElement('table');
table.style.borderCollapse = 'collapse'; // Pour de jolies bordures

// 3. Boucle pour créer les 5 lignes
for (let i = 1; i <= 5; i++) {
    const row = document.createElement('tr');

    // 4. Boucle pour créer les 5 colonnes par ligne
    for (let j = 1; j <= 5; j++) {
        const cell = document.createElement('td');
        
        // Ajouter du texte dans la cellule pour la visibilité
        cell.textContent = `L${i} C${j}`;
        
        // Un peu de style pour voir les cases
        cell.style.border = '1px solid black';
        cell.style.color = 'blue';
        cell.style.background = 'lightgray';
        cell.style.padding = '10px';
        
        row.appendChild(cell);
    }

    table.appendChild(row);
}

// 5. Ajouter le tableau fini dans la page
container.appendChild(table);