brouillon6
Différences
Ci-dessous, les différences entre deux révisions de la page.
| Prochaine révision | Révision précédente | ||
| brouillon6 [2026/04/19 21:36] – créée nanaki | brouillon6 [2026/04/23 15:17] (Version actuelle) – nanaki | ||
|---|---|---|---|
| Ligne 1: | Ligne 1: | ||
| - | ===== Liste des Sorts et techniques ===== | + | Version finale cac |
| - | + | ||
| - | Un complément d' | + | |
| < | < | ||
| - | < | + | |
| - | <meta charset=" | + | |
| - | < | + | |
| < | < | ||
| - | body { font-family: | + | body { font-family: |
| - | h3 { text-align: center; } | + | |
| - | .table-container | + | table { border-collapse: collapse; width: 100%; font-size: 13px; } |
| - | table { width: 100%; border-collapse: collapse; min-width: 1200px; } | + | td, th { border: 1px solid #ccc; padding: 5px; } |
| - | th, td { padding: 8px; border: 1px solid #ccc; text-align: left; } | + | |
| th { background: #f2f2f2; } | th { background: #f2f2f2; } | ||
| - | tbody tr: | ||
| - | tbody tr: | ||
| - | /* Couleurs par race */ | + | .cac { background: #fff3e5; } |
| - | td.race-Communs | + | .passif |
| - | td.race-Nain | + | |
| - | td.race-Géant { color: saddlebrown; | + | .controls |
| - | td.race-Olympien | + | |
| - | td.race-HS { color: darkgreen; } | + | |
| - | td.race-Elfe { color: green; } | + | |
| </ | </ | ||
| </ | </ | ||
| + | |||
| < | < | ||
| - | <!-- ================= TABLEAU 1 : sorts ================= --> | + | <div class=" |
| - | < | + | Points : <span id="points"> |
| - | <label for=" | + | |
| - | <select id=" | + | |
| - | <option value=" | + | |
| - | <option value=" | + | |
| - | <option value=" | + | |
| - | <option value=" | + | |
| - | <option value=" | + | |
| - | <option value=" | + | |
| - | <option value=" | + | |
| - | </ | + | |
| - | + | ||
| - | <div class=" | + | |
| - | <table id="competencesTable1"> | + | |
| - | < | + | |
| - | < | + | |
| - | < | + | |
| - | < | + | |
| - | < | + | |
| - | </ | + | |
| - | </ | + | |
| - | < | + | |
| - | + | ||
| - | <!-- ================= COMMUNS ================= --> | + | |
| - | + | ||
| - | + | ||
| - | <tr class=" | + | |
| - | <td class=" | + | |
| - | <td>6 MP</ | + | |
| - | < | + | |
| - | </ | + | |
| - | + | ||
| - | <tr class=" | + | |
| - | <td class=" | + | |
| - | <td>6 MP</ | + | |
| - | < | + | |
| - | </ | + | |
| - | + | ||
| - | <tr class=" | + | |
| - | <td class=" | + | |
| - | <td>6 MP</ | + | |
| - | < | + | |
| - | </ | + | |
| - | + | ||
| - | <tr class=" | + | |
| - | <td class=" | + | |
| - | <td>4 MP</ | + | |
| - | < | + | |
| - | </ | + | |
| - | + | ||
| - | <tr class=" | + | |
| - | <td class=" | + | |
| - | <td>4 MP</ | + | |
| - | < | + | |
| - | </ | + | |
| - | + | ||
| - | <tr class=" | + | |
| - | <td class=" | + | |
| - | <td>4 MP</ | + | |
| - | < | + | |
| - | </ | + | |
| - | + | ||
| - | <tr class=" | + | |
| - | <td class=" | + | |
| - | <td>4 MP</ | + | |
| - | < | + | |
| - | </ | + | |
| - | + | ||
| - | <tr class=" | + | |
| - | <td class=" | + | |
| - | <td>4 MP</ | + | |
| - | < | + | |
| - | </ | + | |
| - | + | ||
| - | <tr class=" | + | |
| - | <td class=" | + | |
| - | <td>6 MP</ | + | |
| - | < | + | |
| - | </ | + | |
| - | + | ||
| - | <tr class=" | + | |
| - | <td class=" | + | |
| - | <td>6 MP</ | + | |
| - | < | + | |
| - | </ | + | |
| - | + | ||
| - | <tr class=" | + | |
| - | <td class=" | + | |
| - | <td>6 MP</ | + | |
| - | < | + | |
| - | </ | + | |
| - | + | ||
| - | <tr class=" | + | |
| - | <td class=" | + | |
| - | <td>8 MP</ | + | |
| - | < | + | |
| - | </ | + | |
| - | + | ||
| - | <tr class=" | + | |
| - | <td class=" | + | |
| - | <td>8 MP</ | + | |
| - | < | + | |
| - | </ | + | |
| - | + | ||
| - | <tr class=" | + | |
| - | <td class=" | + | |
| - | <td>6 MP</ | + | |
| - | < | + | |
| - | </ | + | |
| - | + | ||
| - | <tr class=" | + | |
| - | <td class=" | + | |
| - | <td>6 MP</ | + | |
| - | < | + | |
| - | </ | + | |
| - | + | ||
| - | <tr class=" | + | |
| - | <td class=" | + | |
| - | < | + | |
| - | < | + | |
| - | </ | + | |
| - | + | ||
| - | <tr class=" | + | |
| - | <td class=" | + | |
| - | <td>6 MP</ | + | |
| - | < | + | |
| - | </ | + | |
| - | + | ||
| - | <tr class=" | + | |
| - | <td class=" | + | |
| - | <td>4 MP</ | + | |
| - | < | + | |
| - | </ | + | |
| - | + | ||
| - | <tr class=" | + | |
| - | <td class=" | + | |
| - | <td>8 MP</ | + | |
| - | < | + | |
| - | </ | + | |
| - | + | ||
| - | <tr class=" | + | |
| - | <td class=" | + | |
| - | <td>4 MP</ | + | |
| - | < | + | |
| - | </ | + | |
| - | + | ||
| - | <tr class=" | + | |
| - | <td class=" | + | |
| - | <td>6 MP</ | + | |
| - | < | + | |
| - | </ | + | |
| - | + | ||
| - | <tr class=" | + | |
| - | <td class=" | + | |
| - | <td>6 MP</ | + | |
| - | < | + | |
| - | </ | + | |
| - | + | ||
| - | <tr class=" | + | |
| - | <td class=" | + | |
| - | <td>0 MP, 5 PV, 2 Mvt</td>< | + | |
| - | < | + | |
| - | </ | + | |
| - | + | ||
| - | <tr class=" | + | |
| - | <td class=" | + | |
| - | <td>2 MP, 1 Mvt</ | + | |
| - | < | + | |
| - | </ | + | |
| - | + | ||
| - | <tr class=" | + | |
| - | <td class=" | + | |
| - | <td>8 MP</ | + | |
| - | < | + | |
| - | </ | + | |
| - | + | ||
| - | <tr class=" | + | |
| - | <td class=" | + | |
| - | < | + | |
| - | < | + | |
| - | </ | + | |
| - | + | ||
| - | <tr class=" | + | |
| - | <td class=" | + | |
| - | <td>8 MP</ | + | |
| - | < | + | |
| - | </ | + | |
| - | + | ||
| - | <tr class=" | + | |
| - | <td class=" | + | |
| - | <td>4 MP</ | + | |
| - | < | + | |
| - | </ | + | |
| - | + | ||
| - | <tr class=" | + | |
| - | <td class=" | + | |
| - | <td>8 MP</ | + | |
| - | < | + | |
| - | </ | + | |
| - | + | ||
| - | <tr class=" | + | |
| - | <td class=" | + | |
| - | < | + | |
| - | < | + | |
| - | </ | + | |
| - | + | ||
| - | <tr class=" | + | |
| - | <td class=" | + | |
| - | < | + | |
| - | < | + | |
| - | </ | + | |
| - | + | ||
| - | <tr class=" | + | |
| - | <td class=" | + | |
| - | < | + | |
| - | < | + | |
| - | </ | + | |
| - | + | ||
| - | <tr class=" | + | |
| - | <td class=" | + | |
| - | <td>15 MP</ | + | |
| - | < | + | |
| - | </ | + | |
| - | + | ||
| - | <tr class=" | + | |
| - | <td class=" | + | |
| - | < | + | |
| - | < | + | |
| - | </ | + | |
| - | + | ||
| - | <tr class=" | + | |
| - | <td class=" | + | |
| - | < | + | |
| - | < | + | |
| - | </ | + | |
| - | + | ||
| - | <tr class=" | + | |
| - | <td class=" | + | |
| - | < | + | |
| - | < | + | |
| - | </ | + | |
| - | + | ||
| - | <tr class=" | + | |
| - | <td class=" | + | |
| - | < | + | |
| - | < | + | |
| - | </ | + | |
| - | + | ||
| - | <tr class=" | + | |
| - | <td class=" | + | |
| - | < | + | |
| - | < | + | |
| - | </ | + | |
| - | + | ||
| - | <tr class=" | + | |
| - | <td class=" | + | |
| - | < | + | |
| - | < | + | |
| - | </ | + | |
| - | + | ||
| - | <tr class=" | + | |
| - | <td class=" | + | |
| - | < | + | |
| - | < | + | |
| - | </ | + | |
| - | + | ||
| - | <tr class=" | + | |
| - | <td class=" | + | |
| - | < | + | |
| - | < | + | |
| - | </ | + | |
| - | + | ||
| - | <tr class=" | + | |
| - | <td class=" | + | |
| - | < | + | |
| - | < | + | |
| - | </ | + | |
| - | + | ||
| - | <!-- ================= RACES ================= --> | + | |
| - | + | ||
| - | + | ||
| - | <tr class=" | + | |
| - | <td class=" | + | |
| - | <td>4 PM</ | + | |
| - | < | + | |
| - | </ | + | |
| - | + | ||
| - | <tr class=" | + | |
| - | <td class=" | + | |
| - | <td>6 PM</ | + | |
| - | < | + | |
| - | </ | + | |
| - | + | ||
| - | + | ||
| - | <tr class=" | + | |
| - | <td class=" | + | |
| - | < | + | |
| - | < | + | |
| - | </ | + | |
| - | + | ||
| - | <tr class=" | + | |
| - | <td class=" | + | |
| - | < | + | |
| - | < | + | |
| - | </ | + | |
| - | + | ||
| - | <tr class=" | + | |
| - | <td class=" | + | |
| - | <td>4 PM</ | + | |
| - | < | + | |
| - | </ | + | |
| - | + | ||
| - | <tr class=" | + | |
| - | <td class=" | + | |
| - | <td>5 PM</ | + | |
| - | <td> Projette une flèche composée d'eau sur l' | + | |
| - | </ | + | |
| - | + | ||
| - | <tr class=" | + | |
| - | <td class=" | + | |
| - | <td>6 PM</ | + | |
| - | < | + | |
| - | </ | + | |
| - | + | ||
| - | <tr class=" | + | |
| - | <td class=" | + | |
| - | < | + | |
| - | < | + | |
| - | </ | + | |
| - | + | ||
| - | <tr class=" | + | |
| - | <td class=" | + | |
| - | <td>8 PM</ | + | |
| - | < | + | |
| - | </ | + | |
| - | + | ||
| - | <tr class=" | + | |
| - | <td class=" | + | |
| - | <td>4 PM</ | + | |
| - | < | + | |
| - | </ | + | |
| - | + | ||
| - | <tr class=" | + | |
| - | <td class=" | + | |
| - | <td>7 PM</ | + | |
| - | < | + | |
| - | </ | + | |
| - | + | ||
| - | <tr class=" | + | |
| - | <td class=" | + | |
| - | <td>6 PM</ | + | |
| - | < | + | |
| - | </ | + | |
| - | + | ||
| - | <tr class=" | + | |
| - | <td class=" | + | |
| - | < | + | |
| - | < | + | |
| - | </ | + | |
| - | + | ||
| - | <tr class=" | + | |
| - | <td class=" | + | |
| - | <td>8 PM</ | + | |
| - | < | + | |
| - | </ | + | |
| - | + | ||
| - | + | ||
| - | <tr class=" | + | |
| - | <td class=" | + | |
| - | <td>4 PM</ | + | |
| - | < | + | |
| - | </ | + | |
| - | + | ||
| - | <tr class=" | + | |
| - | <td class=" | + | |
| - | <td>8 PM</ | + | |
| - | < | + | |
| - | </ | + | |
| - | + | ||
| - | + | ||
| - | <tr class=" | + | |
| - | <td class=" | + | |
| - | <td>4 PM</ | + | |
| - | < | + | |
| - | </ | + | |
| - | + | ||
| - | <tr class=" | + | |
| - | <td class=" | + | |
| - | <td>7 PM</ | + | |
| - | < | + | |
| - | </ | + | |
| - | + | ||
| - | <tr class=" | + | |
| - | <td class=" | + | |
| - | < | + | |
| - | < | + | |
| - | </ | + | |
| - | + | ||
| - | <tr class=" | + | |
| - | <td class=" | + | |
| - | <td>8 PM</ | + | |
| - | < | + | |
| - | </ | + | |
| - | + | ||
| - | <tr class=" | + | |
| - | <td class=" | + | |
| - | < | + | |
| - | <td> Bonus de +2 pour toucher avec des sorts de soutien pour chaque effet sur lui </ | + | |
| - | < | + | |
| - | </ | + | |
| - | + | ||
| - | </ | + | |
| - | </ | + | |
| </ | </ | ||
| - | + | <table id="skills"> | |
| - | < | + | |
| - | // Script pour le premier tableau | + | |
| - | const select1 = document.getElementById(" | + | |
| - | const rows1 = document.querySelectorAll("# | + | |
| - | + | ||
| - | select1.addEventListener(" | + | |
| - | const chosenRace = select1.value; | + | |
| - | rows1.forEach(row => { | + | |
| - | const isCommun = row.classList.contains(" | + | |
| - | const isRace = row.classList.contains(chosenRace); | + | |
| - | row.style.display = (chosenRace === " | + | |
| - | }); | + | |
| - | }); | + | |
| - | </ | + | |
| - | + | ||
| - | < | + | |
| - | + | ||
| - | <!-- ================= TABLEAU 2 : Sorts ================= --> | + | |
| - | < | + | |
| - | <label for=" | + | |
| - | <select id=" | + | |
| - | <option value=" | + | |
| - | <option value=" | + | |
| - | <option value=" | + | |
| - | <option value=" | + | |
| - | <option value=" | + | |
| - | <option value=" | + | |
| - | <option value=" | + | |
| - | </ | + | |
| - | + | ||
| - | <div class=" | + | |
| - | <table id="competencesTable2"> | + | |
| < | < | ||
| <tr> | <tr> | ||
| - | <th>Race</ | + | < |
| - | < | + | <th>Race</th> |
| - | <th>Description</ | + | <th>Nom</ |
| + | < | ||
| + | <th>Type</th> | ||
| + | <th>Effet</th> | ||
| + | < | ||
| + | <th>Niv</th> | ||
| </tr> | </tr> | ||
| </ | </ | ||
| - | < | ||
| - | <!-- ===== COMMUNS ===== --> | ||
| - | <tr class=" | ||
| - | <tr class=" | ||
| - | <tr class=" | ||
| - | <tr class=" | ||
| - | <tr class=" | ||
| - | <tr class=" | ||
| - | <tr class=" | ||
| - | <td class=" | ||
| - | <td>1 Mvt</ | ||
| - | < | ||
| - | < | ||
| - | </tr> | ||
| - | |||
| - | <tr class=" | ||
| - | <td class=" | ||
| - | <td>5 Mvt, 0A</ | ||
| - | < | ||
| - | < | ||
| - | </tr> | ||
| - | |||
| - | <tr class=" | ||
| - | <td class=" | ||
| - | <td>2 MP</ | ||
| - | < | ||
| - | < | ||
| - | </tr> | ||
| - | |||
| - | <tr class=" | ||
| - | <td class=" | ||
| - | <td>4 MP</ | ||
| - | < | ||
| - | < | ||
| - | </tr> | ||
| - | |||
| - | <tr class=" | ||
| - | <td class=" | ||
| - | <td>2 PV</ | ||
| - | < | ||
| - | < | ||
| - | </tr> | ||
| - | |||
| - | <tr class=" | ||
| - | <td class=" | ||
| - | <td>4 MP</ | ||
| - | < | ||
| - | < | ||
| - | </tr> | ||
| - | |||
| - | <!-- ===== NAINS ===== --> | ||
| - | <tr class=" | ||
| - | <tr class=" | ||
| - | <tr class=" | ||
| - | <tr class=" | ||
| - | |||
| - | <!-- ===== GÉANTS ===== --> | ||
| - | <tr class=" | ||
| - | <td class=" | ||
| - | <td>8 PM</ | ||
| - | < | ||
| - | </tr> | ||
| - | |||
| - | <tr class=" | ||
| - | <td class=" | ||
| - | <td>8 PM</ | ||
| - | < | ||
| - | </tr> | ||
| - | |||
| - | <!-- ===== OLYMPIENS ===== --> | ||
| - | <tr class=" | ||
| - | <td class=" | ||
| - | <td>7 PM</ | ||
| - | < | ||
| - | </tr> | ||
| - | |||
| - | <tr class=" | ||
| - | <td class=" | ||
| - | <td>7 PM</ | ||
| - | < | ||
| - | </tr> | ||
| - | |||
| - | <!-- ===== HS ===== --> | ||
| - | <tr class=" | ||
| - | <td class=" | ||
| - | <td>6 PM</ | ||
| - | < | ||
| - | </tr> | ||
| - | |||
| - | <!-- ===== ELFES ===== --> | ||
| - | <tr class=" | ||
| - | <td class=" | ||
| - | <td>7 PM</ | ||
| - | < | ||
| - | </tr> | ||
| - | |||
| - | <tr class=" | ||
| - | <td class=" | ||
| - | <td>7 PM + 1 Mvt</ | ||
| - | < | ||
| - | </tr> | ||
| - | | ||
| - | | ||
| - | <!-- ===== COMMUNS ===== --> | ||
| - | |||
| - | <tr class=" | ||
| - | <td class=" | ||
| - | < | ||
| - | < | ||
| - | <td>2 comp. Avancées</ | ||
| - | </tr> | ||
| - | |||
| - | <tr class=" | ||
| - | <td class=" | ||
| - | < | ||
| - | < | ||
| - | < | ||
| - | </tr> | ||
| - | |||
| - | <!-- ===== GÉANTS ===== --> | ||
| - | |||
| - | <tr class=" | ||
| - | <td class=" | ||
| - | < | ||
| - | < | ||
| - | < | ||
| - | </tr> | ||
| - | |||
| - | <!-- ===== HS ===== --> | ||
| - | |||
| - | <tr class=" | ||
| - | <td class=" | ||
| - | < | ||
| - | < | ||
| - | < | ||
| - | </tr> | ||
| - | |||
| - | <!-- ===== ELFES ===== --> | ||
| - | |||
| - | <tr class=" | ||
| - | <td class=" | ||
| - | < | ||
| - | < | ||
| - | < | ||
| - | </tr> | ||
| - | |||
| - | </ | ||
| - | </ | ||
| - | </ | ||
| - | |||
| - | < | ||
| - | // Script pour le second tableau | ||
| - | const select2 = document.getElementById(" | ||
| - | const rows2 = document.querySelectorAll("# | ||
| - | |||
| - | select2.addEventListener(" | ||
| - | const chosenRace = select2.value; | ||
| - | rows2.forEach(row => { | ||
| - | const isCommun = row.classList.contains(" | ||
| - | const isRace = row.classList.contains(chosenRace); | ||
| - | row.style.display = (chosenRace === " | ||
| - | }); | ||
| - | }); | ||
| - | </ | ||
| - | |||
| - | |||
| - | <hr> | ||
| - | |||
| - | <!-- ================= TABLEAU 3 : Techniques Distance ================= --> | ||
| - | < | ||
| - | <label for=" | ||
| - | <select id=" | ||
| - | <option value=" | ||
| - | <option value=" | ||
| - | <option value=" | ||
| - | <option value=" | ||
| - | <option value=" | ||
| - | <option value=" | ||
| - | <option value=" | ||
| - | </ | ||
| - | |||
| - | <div class=" | ||
| - | <table id=" | ||
| - | < | ||
| - | <tr> | ||
| - | < | ||
| - | < | ||
| - | < | ||
| - | </tr> | ||
| - | </ | ||
| < | < | ||
| - | <!-- ================= COMMUNS ================= --> | + | <!-- ===== NIVEAU 1 ===== --> |
| - | <tr class=" | + | <tr class=" |
| - | <td class=" | + | <tr class=" |
| - | < | + | <tr class="cac">< |
| - | <td>Ne fait pas de dégâts. Jet de CT pur. Essouflement(X/3) où X est la différence des jets de dés</ | + | <tr class=" |
| - | </tr> | + | <tr class=" |
| + | <!-- ===== NIVEAU 2 ===== --> | ||
| - | <tr class=" | + | <tr class=" |
| - | <td class=" | + | <tr class=" |
| - | < | + | <tr class=" |
| - | <td>Bonus +4 au toucher, Malus de 3 aux dégâts | + | <tr class=" |
| - | </tr> | + | <tr class=" |
| + | <tr class=" | ||
| + | <tr class=" | ||
| - | <tr class=" | + | <!-- ===== NIVEAU 3 ===== --> |
| - | <td class=" | + | |
| - | <td>2 MP</ | + | |
| - | < | + | |
| - | </tr> | + | |
| - | <tr class=" | + | <tr class=" |
| - | <td class=" | + | <tr class=" |
| - | < | + | <tr class=" |
| - | <td>Avec une arme à munitions, si la cible est touchée Ralentissement(x1D2) | + | <tr class=" |
| - | </tr> | + | <tr class="cac">< |
| + | <tr class=" | ||
| + | <tr class=" | ||
| + | <tr class=" | ||
| + | <tr class=" | ||
| + | <tr class=" | ||
| + | <tr class=" | ||
| + | <tr class=" | ||
| + | <tr class=" | ||
| - | <tr class=" | + | <!-- ===== NIVEAU |
| - | <td class=" | + | |
| - | <td>4 MP</ | + | |
| - | < | + | |
| - | </tr> | + | |
| - | <tr class=" | + | <tr class=" |
| - | <td class=" | + | <tr class=" |
| - | <td>10 MP</ | + | <tr class=" |
| - | <td>Avec une arme de jet, +M/3 dmg</ | + | |
| - | </tr> | + | |
| - | + | </ | |
| - | <tr class=" | + | |
| - | <td class=" | + | |
| - | <td>2 MP</ | + | |
| - | < | + | |
| - | < | + | |
| - | </ | + | |
| - | + | ||
| - | <tr class=" | + | |
| - | <td class=" | + | |
| - | <td>2 MP</ | + | |
| - | < | + | |
| - | < | + | |
| - | </ | + | |
| - | + | ||
| - | <tr class=" | + | |
| - | <td class=" | + | |
| - | <td>2 MP</ | + | |
| - | < | + | |
| - | < | + | |
| - | </ | + | |
| - | + | ||
| - | <tr class=" | + | |
| - | <td class=" | + | |
| - | <td>4 MP, 1 Mvt</ | + | |
| - | < | + | |
| - | < | + | |
| - | </ | + | |
| - | + | ||
| - | <tr class=" | + | |
| - | <td class=" | + | |
| - | < | + | |
| - | < | + | |
| - | < | + | |
| - | </ | + | |
| - | + | ||
| - | <tr class=" | + | |
| - | <td class=" | + | |
| - | < | + | |
| - | < | + | |
| - | < | + | |
| - | </ | + | |
| - | + | ||
| - | <tr class=" | + | |
| - | <td class=" | + | |
| - | < | + | |
| - | < | + | |
| - | < | + | |
| - | </ | + | |
| - | + | ||
| - | + | ||
| - | | + | |
| </ | </ | ||
| - | </ | ||
| < | < | ||
| - | // Script pour le troisieme tableau | + | let max = 15; |
| - | const select3 | + | |
| - | const rows3 = document.querySelectorAll("# | + | |
| - | select3.addEventListener("change", () => { | + | document.querySelectorAll(".skill").forEach(cb=>{ |
| - | const chosenRace = select3.value; | + | cb.addEventListener(" |
| - | rows3.forEach(row => { | + | let total = document.querySelectorAll(".skill: |
| - | const isCommun | + | if(total > max){ cb.checked = false; return; } |
| - | const isRace = row.classList.contains(chosenRace); | + | document.getElementById("points").innerText = total; |
| - | row.style.display = (chosenRace === "Toutes" | + | |
| - | }); | + | |
| }); | }); | ||
| - | </ | ||
| - | |||
| - | |||
| - | <hr> | ||
| - | |||
| - | <!-- ================= TABLEAU 4 : Furtivité ================= --> | ||
| - | < | ||
| - | <label for=" | ||
| - | <select id=" | ||
| - | <option value=" | ||
| - | <option value=" | ||
| - | <option value=" | ||
| - | <option value=" | ||
| - | <option value=" | ||
| - | <option value=" | ||
| - | <option value=" | ||
| - | </ | ||
| - | |||
| - | <div class=" | ||
| - | <table id=" | ||
| - | < | ||
| - | <tr> | ||
| - | < | ||
| - | < | ||
| - | < | ||
| - | </tr> | ||
| - | </ | ||
| - | < | ||
| - | |||
| - | |||
| - | |||
| - | |||
| - | <!-- ================= COMMUNS ================= --> | ||
| - | |||
| - | <tr class=" | ||
| - | <td class=" | ||
| - | < | ||
| - | < | ||
| - | </ | ||
| - | |||
| - | |||
| - | <tr class=" | ||
| - | <td class=" | ||
| - | < | ||
| - | < | ||
| - | </ | ||
| - | |||
| - | <tr class=" | ||
| - | <td class=" | ||
| - | <td>X MP, Y Mvt, 1A</ | ||
| - | < | ||
| - | < | ||
| - | </tr> | ||
| - | |||
| - | <tr class=" | ||
| - | <td class=" | ||
| - | < | ||
| - | < | ||
| - | </ | ||
| - | |||
| - | <tr class=" | ||
| - | <td class=" | ||
| - | < | ||
| - | < | ||
| - | </ | ||
| - | |||
| - | <tr class=" | ||
| - | <td class=" | ||
| - | < | ||
| - | < | ||
| - | </ | ||
| - | |||
| - | <tr class=" | ||
| - | <td class=" | ||
| - | < | ||
| - | < | ||
| - | </ | ||
| - | |||
| - | <tr class=" | ||
| - | <td class=" | ||
| - | < | ||
| - | < | ||
| - | </ | ||
| - | |||
| - | </ | ||
| - | </ | ||
| - | </ | ||
| - | |||
| - | |||
| - | </ | ||
| - | </ | ||
| - | </ | ||
| - | |||
| - | < | ||
| - | // Script pour le quatrieme tableau | ||
| - | const select4 = document.getElementById(" | ||
| - | const rows4 = document.querySelectorAll("# | ||
| - | |||
| - | select4.addEventListener(" | ||
| - | const chosenRace = select4.value; | ||
| - | rows3.forEach(row => { | ||
| - | const isCommun = row.classList.contains(" | ||
| - | const isRace = row.classList.contains(chosenRace); | ||
| - | row.style.display = (chosenRace === " | ||
| - | }); | ||
| }); | }); | ||
| </ | </ | ||
| - | |||
| - | |||
| - | <hr> | ||
| - | |||
| - | <!-- ================= TABLEAU 5 : Survie ================= --> | ||
| - | < | ||
| - | <label for=" | ||
| - | <select id=" | ||
| - | <option value=" | ||
| - | <option value=" | ||
| - | <option value=" | ||
| - | <option value=" | ||
| - | <option value=" | ||
| - | <option value=" | ||
| - | <option value=" | ||
| - | </ | ||
| - | |||
| - | <div class=" | ||
| - | <table id=" | ||
| - | < | ||
| - | <tr> | ||
| - | < | ||
| - | < | ||
| - | < | ||
| - | </tr> | ||
| - | </ | ||
| - | < | ||
| - | |||
| - | |||
| - | |||
| - | |||
| - | <!-- ================= COMMUNS ================= --> | ||
| - | |||
| - | <tr class=" | ||
| - | <td class=" | ||
| - | < | ||
| - | < | ||
| - | </ | ||
| - | |||
| - | |||
| - | <tr class=" | ||
| - | <td class=" | ||
| - | < | ||
| - | < | ||
| - | </ | ||
| - | |||
| - | <tr class=" | ||
| - | <td class=" | ||
| - | <td>X MP, Y Mvt, 1A</ | ||
| - | < | ||
| - | < | ||
| - | </tr> | ||
| - | |||
| - | <tr class=" | ||
| - | <td class=" | ||
| - | < | ||
| - | < | ||
| - | </ | ||
| - | |||
| - | <tr class=" | ||
| - | <td class=" | ||
| - | < | ||
| - | < | ||
| - | </ | ||
| - | |||
| - | <tr class=" | ||
| - | <td class=" | ||
| - | < | ||
| - | < | ||
| - | </ | ||
| - | |||
| - | <tr class=" | ||
| - | <td class=" | ||
| - | < | ||
| - | < | ||
| - | </ | ||
| - | |||
| - | <tr class=" | ||
| - | <td class=" | ||
| - | < | ||
| - | < | ||
| - | </ | ||
| - | |||
| - | </ | ||
| - | </ | ||
| - | </ | ||
| - | |||
| - | |||
| - | < | ||
| - | // Script pour le cinquième tableau | ||
| - | const select5 = document.getElementById(" | ||
| - | const rows5 = document.querySelectorAll("# | ||
| - | |||
| - | select5.addEventListener(" | ||
| - | const chosenRace = select5.value; | ||
| - | rows3.forEach(row => { | ||
| - | const isCommun = row.classList.contains(" | ||
| - | const isRace = row.classList.contains(chosenRace); | ||
| - | row.style.display = (chosenRace === " | ||
| - | }); | ||
| - | }); | ||
| - | </ | ||
| - | |||
| </ | </ | ||
| </ | </ | ||
| - | |||
| - | |||
brouillon6.1776627373.txt.gz · Dernière modification : 2026/04/19 21:36 de nanaki
