Différences

Ci-dessous, les différences entre deux révisions de la page.

--- test [2025/12/14 21:45] – créée nanaki
+++ test [2025/12/14 22:54] (Version actuelle) – nanaki
@@ Ligne 1: / Ligne 1: @@
-===== tableau corps à corps  =====
+===== Tentative deux scripts  =====
 <html>
 <head>
-  <meta charset="UTF-8">
+<meta charset="UTF-8">
-  <title>Compétences — Corps à corps (Toutes races)</title>
+<title>Compétences — Techniques & Sorts</title>
-  <style>
+<style>
-    body { font-family: Arial, sans-serif; margin: 10px; }
+body { font-family: Arial, sans-serif; margin: 10px; }
-    h3 { text-align: center; }
+h3 { text-align: center; }
-    .table-container { width: 100%; overflow-x: auto; margin-top: 10px; }
+.table-container { width: 100%; overflow-x: auto; margin-top: 10px; }
-    table { width: 100%; border-collapse: collapse; min-width: 1200px; }
+table { width: 100%; border-collapse: collapse; min-width: 1200px; }
-    th, td { padding: 8px; border: 1px solid #ccc; text-align: left; }
+th, td { padding: 8px; border: 1px solid #ccc; text-align: left; }
-    th { background: #f2f2f2; }
+th { background: #f2f2f2; }
-    tbody tr:nth-child(odd) { background: #fafafa; }
+tbody tr:nth-child(odd) { background: #fafafa; }
-    tbody tr:nth-child(even) { background: #fff; }
+tbody tr:nth-child(even) { background: #ffffff; }
-    /* Couleurs par race (uniquement colonne race) */
-    td.race-Nain { color: red; }
-    td.race-Géant { color: saddlebrown; }
-    td.race-HS { color: darkgreen; }
-    td.race-Elfe { color: green; }
-    td.race-Olympien { color: darkorange; }
-    td.race-Communs { color: #555; }
-    /* Grisage pour races non sélectionnées */
+/* Couleurs par race */
-    .grise td:not(.race-Communs) { color: #aaa !important; }
+td.race-Communs { color: #555; }
-  </style>
+td.race-Nain { color: red; }
+td.race-Géant { color: saddlebrown; }
+td.race-Olympien { color: darkorange; }
+td.race-HS { color: darkgreen; }
+td.race-Elfe { color: green; }
+</style>
 </head>
 <body>
-<h3>Gestion des compétences — Techniques (Toutes races)</h3>
-<label for="raceSelect">Choisir une race :</label>
+<!-- ================= TABLEAU 1 : sorts ================= -->
-<select id="raceSelect">
+<h3>Gestion des compétences — sorts</h3>
+<label for="raceSelect1">Choisir une race :</label>
+<select id="raceSelect1">
   <option value="Toutes">Toutes</option>
+  <option value="Communs">Communs</option>
   <option value="Nain">Nain</option>
   <option value="Géant">Géant</option>
@@ Ligne 42: / Ligne 43: @@
 <div class="table-container">
-  <table id="competencesTable">
+<table id="competencesTable1">
-    <thead>
+<thead>
-      <tr>
+<tr>
-        <th>Race</th><th>Nom de la compétence</th><th>Type</th><th>Catégorie</th><th>Coût (PM)</th><th>Bonus / Malus sur la cible</th><th>Cible</th><th>Portée</th><th>Description</th><th>Effet cumulable</th><th>Prix</th>
+<th>Race</th><th>Nom de la compétence</th><th>Type</th><th>Catégorie</th>
-      </tr>
+<th>Coût (PM)</th><th>Bonus / Malus</th><th>Cible</th><th>Portée</th>
-    </thead>
+<th>Description</th><th>Cumulable</th><th>Prix</th>
-    <tbody>
+</tr>
-      <!-- ===== Communs ===== -->
+</thead>
+  <tbody>
+<!-- ================= COMMUNS ================= -->
+<tr class="Communs">
+<td class="race-Communs">Communs</td><td>Arcanes précises</td><td>Sort</td><td>Offensif</td>
+<td>6 MP</td><td>+4 au toucher</td><td>Autre</td><td>min 2</td>
+<td>Bonus de +4 pour toucher</td><td>/</td><td>50 pos</td>
+</tr>
+<tr class="Communs">
+<td class="race-Communs">Communs</td><td>Arcanes violentes</td><td>Sort</td><td>Offensif</td>
+<td>6 MP</td><td>-6 au toucher, +5 dégâts</td><td>Autre</td><td>min 2</td>
+<td>Malus de -6 pour toucher, bonus +5 dégâts</td><td>/</td><td>50 pos</td>
+</tr>
+<tr class="Communs">
+<td class="race-Communs">Communs</td><td>Aveuglement</td><td>Sort</td><td>Malédiction</td>
+<td>4 MP</td><td>-1 P</td><td>Autre</td><td>min 2</td>
+<td>Aveuglement (x1)</td><td>non cumulable</td><td>50 pos</td>
+</tr>
+<tr class="Communs">
+<td class="race-Communs">Communs</td><td>Coup précis</td><td>Sort</td><td>Bénédiction</td>
+<td>4 MP</td><td>Dextérité (x2)</td><td>Autre / Soi-même</td><td>/</td>
+<td>Dextérité (x2)</td><td>non cumulable</td><td>50 pos</td>
+</tr>
+<tr class="Communs">
+<td class="race-Communs">Communs</td><td>Épuisement arcanique</td><td>Sort</td><td>Malédiction</td>
+<td>4 MP</td><td>Essoufflement (X/3)</td><td>Autre</td><td>min 2</td>
+<td>Jet de FM pur. Essoufflement (X/3)</td><td>Effet immédiat. Cumul possible.</td><td>50 pos</td>
+</tr>
+<tr class="Communs">
+<td class="race-Communs">Communs</td><td>Maladresse</td><td>Sort</td><td>Malédiction</td>
+<td>4 MP</td><td>Maladresse (x2)</td><td>Autre</td><td>min 2</td>
+<td>Maladresse (x2)</td><td>non cumulable</td><td>50 pos</td>
+</tr>
+<tr class="Communs">
+<td class="race-Communs">Communs</td><td>Peau de granit</td><td>Sort</td><td>Bénédiction</td>
+<td>4 MP</td><td>Protection (x2)</td><td>Autre / Soi-même</td><td>/</td>
+<td>Protection (x2)</td><td>non cumulable</td><td>50 pos</td>
+</tr>
+<tr class="Communs">
+<td class="race-Communs">Communs</td><td>Restauration mineure</td><td>Sort</td><td>Bénédiction</td>
+<td>6 MP</td><td>-5 malus</td><td>Autre / Soi-même</td><td>/</td>
+<td>Enlève 5 points de Malus</td><td>Effet immédiat, cumul possible</td><td>50 pos</td>
+</tr>
+<tr class="Communs">
+<td class="race-Communs">Communs</td><td>Vulnérabilité</td><td>Sort</td><td>Malédiction</td>
+<td>6 MP</td><td>Vulnérabilité (x2)</td><td>Autre</td><td>min 2</td>
+<td>Vulnérabilité (x2)</td><td>non cumulable</td><td>50 pos</td>
+</tr>
+<tr class="Communs">
+<td class="race-Communs">Communs</td><td>Enchevêtrement</td><td>Sort</td><td>Offensif</td>
+<td>6 MP</td><td>+1 dégât, Ralentissement (1D2)</td><td>Autre</td><td>min 2</td>
+<td>Ralentissement (1D2)</td><td>non cumulable</td><td>100 pos</td>
+</tr>
+<!-- ================= RACES ================= -->
+<tr class="HS">
+<td class="race-HS">HS</td><td>Dard</td><td>Sort</td><td>Offensif</td>
+<td>3 PM</td><td>+1</td><td>Autre</td><td>min 2</td>
+<td>Projette un dard sur l'adversaire.</td><td>/</td><td>100 po</td>
+</tr>
+<tr class="HS">
+<td class="race-HS">HS</td><td>Aiguillon</td><td>Sort</td><td>Offensif</td>
+<td>4 PM</td><td>+3</td><td>Autre</td><td>min 2</td>
+<td>Projette un aiguillon sur l’adversaire.</td><td>/</td><td>100 po</td>
+</tr>
+<tr class="HS">
+<td class="race-HS">HS</td><td>Flux Vital</td><td>Sort</td><td>Bénédiction</td>
+<td>6 PM</td><td></td><td>Soi-même</td><td>0</td>
+<td>Puise dans la régénération magique pour se soigner.</td><td>/</td><td>100 po</td>
+</tr>
+<tr class="HS">
+<td class="race-HS">HS</td><td>Arme Vivante *</td><td>Sort</td><td>Bénédiction</td>
+<td>12 PM</td><td>+M</td><td>Autre</td><td>max 1</td>
+<td>Ajoute des dégâts magiques à une attaque avec une arme composée de bois (pétrifié ou non). La caractéristique de touche pour ce sort est la CC.</td><td>/</td><td>300 po</td>
+</tr>
+<tr class="HS">
+<td class="race-HS">HS</td><td>Taillade illusoire</td><td>Sort</td><td>Offensif</td>
+<td>10 PM</td><td>+6</td><td>Autre</td><td>max 3</td>
+<td>Des crocs et des griffes spectraux assaillent votre adversaire de toute part.</td><td>/</td><td>300 po</td>
+</tr>
+<tr class="Elfe">
+<td class="race-Elfe">Elfe</td><td>Aiguillon</td><td>Sort</td><td>Offensif</td>
+<td>4 PM</td><td>+3</td><td>Autre</td><td>min 2</td>
+<td>Projette un aiguillon sur l’adversaire.</td><td>/</td><td>100 po</td>
+</tr>
+<tr class="Elfe">
+<td class="race-Elfe">Elfe</td><td>Flèche Aquatique</td><td>Sort</td><td>Offensif</td>
+<td>5 PM</td><td>+3 + effet Eau</td><td>Autre</td><td>min 2</td>
+<td> Projette une flèche composée d'eau sur l'adversaire.</td><td>effet non cumulable</td><td>100 po</td>
+</tr>
+<tr class="Elfe">
+<td class="race-Elfe">Elfe</td><td>Lien de Vie</td><td>Sort</td><td>Bénédiction</td>
+<td>6 PM</td><td></td><td>Autre</td><td>max 1</td>
+<td>Soigne via régénération magique.</td><td>/</td><td>100 po</td>
+</tr>
+<tr class="Elfe">
+<td class="race-Elfe">Elfe</td><td>Trait Béni *</td><td>Sort</td><td>Offensif</td>
+<td>12 PM</td><td>+M</td><td>Autre</td><td>min 2</td>
+<td>Ajoute des dégâts magiques lors d'une attaque au tir. La caractéristique de touche pour ce sort est la CT.</td><td>/</td><td>300 po</td>
+</tr>
+<tr class="Elfe">
+<td class="race-Elfe">Elfe</td><td>Glaciation</td><td>Sort</td><td>Offensif</td>
+<td>8 PM</td><td>+6</td><td>Autre</td><td>max 2</td>
+<td>Vous devenez froids comme l'hiver et propagez cette froideur à un ennemi proche.</td><td>/</td><td>300 po</td>
+</tr>
+<tr class="Géant">
+<td class="race-Géant">Géant</td><td>Aiguillon</td><td>Sort</td><td>Offensif</td>
+<td>4 PM</td><td>+3</td><td>Autre</td><td>min 2</td>
+<td>Projette un aiguillon sur l’adversaire.</td><td>/</td><td>100 po</td>
+</tr>
+<tr class="Géant">
+<td class="race-Géant">Géant</td><td>Boule de Magma</td><td>Sort</td><td>Offensif</td>
+<td>7 PM</td><td>+3 + effet Feu</td><td>Autre</td><td>min 2</td>
+<td>Lance une boule de lave en fusion sur l'adversaire, qui prend feu.</td><td>effet non cumulable</td><td>100 po</td>
+</tr>
+<tr class="Géant">
+<td class="race-Géant">Géant</td><td>Régénération</td><td>Sort</td><td>Bénédiction</td>
+<td>6 PM</td><td></td><td>Autre</td><td>max 1</td>
+<td>Régénère la santé d'une cible au corps à corps. La cible est soignée à la hauteur de la R du lanceur. inflige poison au lanceur.</td><td>/</td><td>100 po</td>
+</tr>
+<tr class="Géant">
+<td class="race-Géant">Géant</td><td>Météore *</td><td>Sort</td><td>Offensif</td>
+<td>12 PM</td><td>+M + effet Feu</td><td>Autre</td><td>min 2</td>
+<td>Ajoute des dégâts magiques et de feu à une attaque au jet de pierre. La caractéristique de touche pour ce sort est la CT. Une pierre doit être équipée pour lancer le sort.</td><td>effet non cumulable</td><td>300 po</td>
+</tr>
+<tr class="Géant">
+<td class="race-Géant">Géant</td><td>Souffle des cimes</td><td>Sort</td><td>Offensif</td>
+<td>8 PM</td><td>+6</td><td>Autre</td><td>max 2</td>
+<td>Imprégné de la puissance de l'orage, vous rugissez un flot de foudre sur votre adversaire.</td><td>/</td><td>300 po</td>
+</tr>
+<tr class="Nain">
+<td class="race-Nain">Nain</td><td>Pic de Pierre</td><td>Sort</td><td>Offensif</td>
+<td>4 PM</td><td>+3</td><td>Autre</td><td>min 2</td>
+<td>Projette un pic de pierre sur l’adversaire.</td><td>/</td><td>100 po</td>
+</tr>
+<tr class="Nain">
+<td class="race-Nain">Nain</td><td>Poings de Pierre</td><td>Sort</td><td>Bénédiction</td>
+<td>8 PM</td><td>+8</td><td>Soi-même</td><td>0</td>
+<td>Vos poings deviennent durs comme de la roche millénaire, que vous abattez sur vos ennemis.</td><td>/</td><td>300 po</td>
+</tr>
+<tr class="Olympien">
+<td class="race-Olympien">Olympien</td><td>Lame Volante</td><td>Sort</td><td>Offensif</td>
+<td>4 PM</td><td>+3</td><td>Autre</td><td>min 2</td>
+<td>Projette une lame magique sur l'adversaire.</td><td>/</td><td>100 po</td>
+</tr>
+<tr class="Olympien">
+<td class="race-Olympien">Olympien</td><td>Imposition des Mains</td><td>Sort</td><td>Bénédiction</td>
+<td>7 PM</td><td>+3</td><td>Autre</td><td>max 1</td>
+<td>Toucher magique pour soigner un blessé.</td><td>/</td><td>100 po</td>
+</tr>
+<tr class="Olympien">
+<td class="race-Olympien">Olympien</td><td>Lame Bénie *</td><td>Sort</td><td>Bénédiction</td>
+<td>12 PM</td><td>+M</td><td>Autre</td><td>max 1</td>
+<td>Ajoute des dégâts magiques lors d'une attaque de mêlée. La caractéristique de touche pour ce sort est la CC.</td><td>/</td><td>300 po</td>
+</tr>
+<tr class="Olympien">
+<td class="race-Olympien">Olympien</td><td>Soumission divine</td><td>Sort</td><td>Offensif</td>
+<td>8 PM</td><td>+6</td><td>Autre</td><td>max 2</td>
+<td>Vous vous approchez de votre cible et déferlez un torrent d'énergie divine dans sa direction.</td><td>/</td><td>300 po</td>
+</tr>
+</tbody>
+</table>
+</div>
+<script>
+// Script pour le premier tableau
+const select1 = document.getElementById("raceSelect1");
+const rows1 = document.querySelectorAll("#competencesTable1 tbody tr");
+select1.addEventListener("change", () => {
+  const chosenRace = select1.value;
+  rows1.forEach(row => {
+    const isCommun = row.classList.contains("Communs");
+    const isRace = row.classList.contains(chosenRace);
+    row.style.display = (chosenRace === "Toutes" || isCommun || isRace) ? "" : "none";
+  });
+});
+</script>
+<hr>
+<!-- ================= TABLEAU 2 : Sorts ================= -->
+<h3>Gestion des compétences — Techniques Corps à corps</h3>
+<label for="raceSelect2">Choisir une race :</label>
+<select id="raceSelect2">
+  <option value="Toutes">Toutes</option>
+  <option value="Communs">Communs</option>
+  <option value="Nain">Nain</option>
+  <option value="Géant">Géant</option>
+  <option value="Olympien">Olympien</option>
+  <option value="HS">HS</option>
+  <option value="Elfe">Elfe</option>
+</select>
+<div class="table-container">
+<table id="competencesTable2">
+<thead>
+<tr>
+<th>Race</th><th>Nom</th><th>Type</th><th>Catégorie</th>
+<th>Coût</th><th>Bonus / Malus</th><th>Cible</th><th>Portée</th>
+<th>Description</th><th>Cumulable</th><th>Prix</th>
+</tr>
+</thead>
+<tbody>
+    <!-- ===== COMMUNS ===== -->
       <tr class="Communs"><td class="race-Communs">Communs</td><td>Epuisement</td><td>Technique</td><td>Contact</td><td>/</td><td><span style="color: red;">Essouflement(X/2)</span></td><td>Autre</td><td>max 1</td><td>Ne fait pas de dégâts. Jet de CC pur. Essouflement(X/2) où X est la différence des jets de dés.</td><td>effet immédiat, gain immédiat des malus, pas de statut, cumul possible</td><td>50 pos</td></tr>
       <tr class="Communs"><td class="race-Communs">Communs</td><td>Attaque précise</td><td>Technique</td><td>Contact</td><td>2 PM</td><td>+4 toucher, -3 dégâts</td><td>Autre</td><td>max 1</td><td>Bonus de +4 pour toucher, -3 dégâts.</td><td>/</td><td>50 pos</td></tr>
@@ Ligne 57: / Ligne 300: @@
       <tr class="Communs"><td class="race-Communs">Communs</td><td>Arme infusée</td><td>Technique</td><td>Contact</td><td>8 PM</td><td>M/3</td><td>Autre</td><td>max 1</td><td>Bonus de +M/3 dégâts.</td><td>/</td><td>200 pos</td></tr>
-      <!-- ===== Nains ===== -->
+    <!-- ===== NAINS ===== -->
-      <tr class="Nain"><td class="race-Nain">Nain</td><td>Assomoir</td><td>Technique</td><td>Contact</td><td>7 PM</td><td>+4</td><td>Autre</td><td>max 1</td><td>Ignore le casque (chance de critique). Jet basé sur CC.</td>/<td></td><td>200 po</td></tr>
+          <tr class="Nain"><td class="race-Nain">Nain</td><td>Assomoir</td><td>Technique</td><td>Contact</td><td>7 PM</td><td>+4</td><td>Autre</td><td>max 1</td><td>Ignore le casque (chance de critique). Jet basé sur CC.</td>/<td></td><td>200 po</td></tr>
       <tr class="Nain"><td class="race-Nain">Nain</td><td>Barbier</td><td>Technique</td><td>Contact</td><td>8 PM</td><td></td><td>Autre</td><td>max 1</td><td>Soigne une cible au corps à corps ( la statistique utilisée pour le soin est l'agilité du lanceur)</td><td>/</td><td>100 po</td></tr>
       <tr class="Nain"><td class="race-Nain">Nain</td><td>Clé de bras</td><td>Technique</td><td>Contact</td><td>7 PM</td><td></td><td>Soi-même</td><td>0</td><td>Pare la prochaine attaque de mếlée et immobilise l'adversaire (uniquement à Mains nues).</td><td>/</td><td>200 po</td></tr>
       <tr class="Nain"><td class="race-Nain">Nain</td><td>Attaque Sautée</td><td>Technique</td><td>Contact</td><td>12 PM</td><td>+M</td><td>Autre</td><td>min 2</td><td>Avec une arme de mêlée, déplace immédiatement le personnage au contact de la cible et lui inflige des dégâts magiques. Pour ce sort, la carac de touche est la CC.</td><td>/</td><td>300 po</td></tr>
-      <!-- ===== Géants ===== -->
+    <!-- ===== GÉANTS ===== -->
-      <tr class="Géant"><td class="race-Géant">Géant</td><td>Uppercut</td><td>Technique</td><td>Contact</td><td>8 PM</td><td>+3 dégâts</td><td>Autre</td><td>max 1</td><td>Coup critique. Jet basé sur CC.</td><td></td><td>200 po</td></tr>
+    <tr class="Géant">
-      <tr class="Géant"><td class="race-Géant">Géant</td><td>Leurre</td><td>Technique</td><td>Contact</td><td>8 PM</td><td></td><td>Soi-même</td><td>0</td><td>Leurre la prochaine attaque magique.</td><td></td><td>200 po</td></tr>
+      <td class="race-Géant">Géant</td><td>Uppercut</td><td>Technique</td><td>Contact</td>
+      <td>8 PM</td><td>+3 dégâts (coup critique automatique)</td><td>Autre</td><td>max 1</td>
+      <td>Inflige un coup critique automatique à une cible au contact : +3 dégâts sur la cible.</td><td>/</td><td>200 po</td>
+    </tr>
-      <!-- ===== Olympiens ===== -->
+    <tr class="Géant">
-      <tr class="Olympien"><td class="race-Olympien">Olympien</td><td>Désarmement</td><td>Technique</td><td>Contact</td><td>7 PM</td><td>+4</td><td>Autre</td><td>max 1</td><td>Désarme l’adversaire. Jet basé sur CC.</td><td></td><td>200 po</td></tr>
+      <td class="race-Géant">Géant</td><td>Leurre</td><td>Technique</td><td>Contact</td>
-      <tr class="Olympien"><td class="race-Olympien">Olympien</td><td>Parade</td><td>Technique</td><td>Contact</td><td>7 PM</td><td></td><td>Soi-même</td><td>0</td><td>Pare la prochaine attaque de mêlée.</td><td></td><td>200 po</td></tr>
+      <td>8 PM</td><td></td><td>Soi-même</td><td>0</td>
+      <td>Leurre la prochaine attaque magique de l'adversaire.</td><td>/</td><td>200 po</td>
+    </tr>
-      <!-- ===== HS ===== -->
+    <!-- ===== OLYMPIENS ===== -->
-      <tr class="HS"><td class="race-HS">HS</td><td>Griffes</td><td>Technique</td><td>Contact</td><td>6 PM</td><td>+3 + poison</td><td>Autre</td><td>max 1</td><td>Bonus aux dégâts. Jet CC. Inflige poison + poison magique.</td><td></td><td>200 po</td></tr>
+    <tr class="Olympien">
+      <td class="race-Olympien">Olympien</td><td>Désarmement</td><td>Technique</td><td>Contact</td>
+      <td>7 PM</td><td>+4</td><td>Autre</td><td>max 1</td>
+      <td>Désarme l'adversaire ( % de chance que l'adversaire lâche son arme au sol).</td><td>/</td><td>200 po</td>
+    </tr>
-      <!-- ===== Elfes ===== -->
+    <tr class="Olympien">
-      <tr class="Elfe"><td class="race-Elfe">Elfe</td><td>Frappe Vicieuse</td><td>Technique</td><td>Contact</td><td>7 PM</td><td>+2</td><td>Autre</td><td>max 1</td><td>Ignore l’armure de tronc. Jet CC.</td><td></td><td>200 po</td></tr>
+      <td class="race-Olympien">Olympien</td><td>Parade</td><td>Technique</td><td>Contact</td>
-      <tr class="Elfe"><td class="race-Elfe">Elfe</td><td>Pas de Côté</td><td>Technique</td><td>Contact</td><td>7 PM + 1 Mvt</td><td></td><td>Soi-même</td><td>0</td><td>Esquive la prochaine attaque physique et se déplace d’1 case aléatoire.</td><td></td><td>200 po</td></tr>
+      <td>7 PM</td><td></td><td>Soi-même</td><td>0</td>
-    </tbody>
+      <td>Pare la prochaine attaque de mêlée de l'adversaire (nécessite une arme de mêlée).</td><td>/</td><td>200 po</td>
-  </table>
+    </tr>
-</div>
-<script>
+    <!-- ===== HS ===== -->
-  const select = document.getElementById("raceSelect");
+    <tr class="HS">
-  const rows = document.querySelectorAll("#competencesTable tbody tr");
+      <td class="race-HS">HS</td><td>Griffes</td><td>Technique</td><td>Contact</td>
+      <td>6 PM</td><td>+3 + poison + poison magique</td><td>Autre</td><td>max 1</td>
+      <td>Inflige poison + poison magique.</td><td>/</td><td>200 po</td>
+    </tr>
-  select.addEventListener("change", () => {
+    <!-- ===== ELFES ===== -->
-    const chosenRace = select.value;
+    <tr class="Elfe">
+      <td class="race-Elfe">Elfe</td><td>Frappe vicieuse</td><td>Technique</td><td>Contact</td>
+      <td>7 PM</td><td>+2</td><td>Autre</td><td>max 1</td>
+      <td>Ignore la pièce d'armure de tronc de l'adversaire.</td><td>/</td><td>200 po</td>
+    </tr>
-    rows.forEach(row => {
+    <tr class="Elfe">
-      const isCommun = row.classList.contains("Communs");
+      <td class="race-Elfe">Elfe</td><td>Pas de côté</td><td>Technique</td><td>Contact</td>
-      const isSelected = row.classList.contains(chosenRace);
+      <td>7 PM + 1 Mvt</td><td></td><td>Soi-même</td><td>0</td>
+      <td>Esquive la prochaine attaque physique en se déplaçant aléatoirement d'une case.</td><td>/</td><td>200 po</td>
+    </tr>
-      if(chosenRace === "Toutes" || isCommun || isSelected) {
+  </tbody>
-        row.classList.remove("grise");
+</table>
-      } else {
+</div>
-        row.classList.add("grise");
-      }
+<script>
-    });
+// Script pour le second tableau
+const select2 = document.getElementById("raceSelect2");
+const rows2 = document.querySelectorAll("#competencesTable2 tbody tr");
+select2.addEventListener("change", () => {
+  const chosenRace = select2.value;
+  rows2.forEach(row => {
+    const isCommun = row.classList.contains("Communs");
+    const isRace = row.classList.contains(chosenRace);
+    row.style.display = (chosenRace === "Toutes" || isCommun || isRace) ? "" : "none";
   });
+});
 </script>
 </body>
 </html>