File "code002.html"

Full Path: /home/analogde/www/Design/Dev tableau/code002.html
File size: 1.98 KB
MIME-type: text/html
Charset: utf-8

<script>
  // Fonction pour ajouter une colonne à chaque ligne
  function addColumn() {
    const rows = document.querySelectorAll('table tbody tr'); // Sélectionner toutes les lignes du tbody
    rows.forEach(row => {
      const newCell = row.insertCell(-1); // Insérer une nouvelle cellule à la fin de la ligne
      newCell.textContent = '0'; // Valeur par défaut de la cellule
    });
    const header = document.querySelector('table thead tr'); // Sélectionner l'en-tête
    const newHeaderCell = document.createElement('th'); // Créer une nouvelle cellule pour l'en-tête
    newHeaderCell.textContent = 'New Column'; // Titre de la nouvelle colonne
    header.appendChild(newHeaderCell); // Ajouter la cellule à l'en-tête
  }

  // Fonction pour ajouter une ligne au tableau
  function addRow(teamName) {
    const tableBody = document.querySelector('table tbody'); // Sélectionner le corps du tableau
    const newRow = document.createElement('tr'); // Créer une nouvelle ligne

    const teamCell = document.createElement('th'); // Créer une cellule pour le nom de l'équipe
    teamCell.textContent = teamName; // Définir le nom de l'équipe
    newRow.appendChild(teamCell); // Ajouter la cellule à la ligne

    // Ajouter des cellules vides pour les scores des 9 manches
    for (let i = 0; i < 9; i++) {
      const scoreCell = document.createElement('td');
      scoreCell.textContent = '0'; // Valeur par défaut pour chaque manche
      newRow.appendChild(scoreCell);
    }

    const totalCell = document.createElement('td'); // Créer une cellule pour le total des points
    totalCell.textContent = '0'; // Valeur par défaut
    newRow.appendChild(totalCell); // Ajouter la cellule de total des points à la ligne

    tableBody.appendChild(newRow); // Ajouter la nouvelle ligne au tableau
  }

  // Exemple d'utilisation
  // Ajouter une colonne
  // addColumn();

  // Ajouter une ligne pour une nouvelle équipe
   addRow('New Team');
</script>