brouillon7
Différences
Ci-dessous, les différences entre deux révisions de la page.
| Les deux révisions précédentesRévision précédenteProchaine révision | Révision précédente | ||
| brouillon7 [2026/04/19 23:04] – nanaki | brouillon7 [2026/04/22 20:07] (Version actuelle) – nanaki | ||
|---|---|---|---|
| Ligne 1: | Ligne 1: | ||
| - | ===== Liste des Sorts et techniques ===== | + | < |
| - | Un complément d' | + | < |
| + | body { font-family: | ||
| - | < | + | table { border-collapse: collapse; width: 100%; font-size: 13px; } |
| - | < | + | td, th { border: 1px solid #ccc; padding: 5px; } |
| - | <meta charset=" | + | |
| - | < | + | |
| - | < | + | |
| - | body { font-family: | + | |
| - | h3 { text-align: center; } | + | |
| - | .table-container | + | |
| - | table { width: 100%; border-collapse: collapse; min-width: 1200px; } | + | |
| - | th, td { padding: 8px; border: 1px solid #ccc; text-align: left; } | + | |
| th { background: #f2f2f2; } | th { background: #f2f2f2; } | ||
| - | tbody tr: | ||
| - | tbody tr: | ||
| - | /* Couleurs par race */ | + | .offensif |
| - | td.race-Communs | + | .defensif |
| - | td.race-Nain | + | .malediction |
| - | td.race-Géant | + | |
| - | td.race-Olympien { color: darkorange; } | + | .controls |
| - | td.race-HS | + | |
| - | td.race-Elfe { color: green; } | + | |
| </ | </ | ||
| - | </ | ||
| - | < | ||
| - | <!-- ================= TABLEAU 1 : sorts ================= --> | + | <div class="controls"> |
| - | < | + | |
| - | <label for=" | + | |
| - | <select id=" | + | |
| - | <option value=" | + | |
| - | <option value=" | + | |
| - | <option value=" | + | |
| - | <option value=" | + | |
| - | <option value=" | + | |
| - | <option value=" | + | |
| - | <option value="Elfe"> | + | |
| - | </select> | + | |
| - | <div class=" | + | Points : <span id="points">0</span> / 15 |
| - | < | + | |
| - | < | + | |
| - | < | + | |
| - | < | + | |
| - | < | + | |
| - | < | + | |
| - | </ | + | |
| - | </ | + | |
| - | < | + | |
| - | <tbody> | + | <br>< |
| - | <!-- ================= NIVEAU 1 ================= --> | + | Recherche : |
| + | <input type=" | ||
| - | <tr class="Communs"> | + | Filtre effet : |
| - | <td class="race-Communs">Communs</td><td> | + | <select id="filterEffect"> |
| - | <td>6 MP</td>< | + | <option value="all">Tous</option> |
| - | <td>Donne l’avantage au toucher</ | + | <option value=" |
| - | </tr> | + | <option value=" |
| + | <option value=" | ||
| + | </select> | ||
| - | <tr class="Communs"> | + | Filtre type : |
| - | <td class="race-Communs">Communs</td><td> | + | <select id="filterType"> |
| - | <td>6 MP</td>< | + | <option value="all">Tous</option> |
| - | <td>Bonus de +4 pour toucher</ | + | <option value=" |
| - | </tr> | + | <option value=" |
| + | <option value=" | ||
| + | <option value=" | ||
| + | </select> | ||
| - | <tr class=" | ||
| - | <td class=" | ||
| - | <td>6 MP</ | ||
| - | < | ||
| - | </tr> | ||
| - | |||
| - | <tr class=" | ||
| - | <td class=" | ||
| - | <td>4 MP</ | ||
| - | < | ||
| - | </tr> | ||
| - | |||
| - | <tr class=" | ||
| - | <td class=" | ||
| - | <td>4 MP</ | ||
| - | < | ||
| - | </tr> | ||
| - | |||
| - | <tr class=" | ||
| - | <td class=" | ||
| - | <td>4 MP</ | ||
| - | < | ||
| - | </tr> | ||
| - | |||
| - | <tr class=" | ||
| - | <td class=" | ||
| - | <td>4 MP</ | ||
| - | < | ||
| - | </tr> | ||
| - | |||
| - | <tr class=" | ||
| - | <td class=" | ||
| - | <td>4 MP</ | ||
| - | < | ||
| - | </tr> | ||
| - | |||
| - | <tr class=" | ||
| - | <td class=" | ||
| - | <td>6 MP</ | ||
| - | < | ||
| - | </tr> | ||
| - | |||
| - | <tr class=" | ||
| - | <td class=" | ||
| - | <td>6 MP</ | ||
| - | < | ||
| - | </tr> | ||
| - | |||
| - | <!-- ================= NIVEAU 2 ================= --> | ||
| - | |||
| - | <tr class=" | ||
| - | <td class=" | ||
| - | <td>6 MP</ | ||
| - | < | ||
| - | </tr> | ||
| - | |||
| - | <tr class=" | ||
| - | <td class=" | ||
| - | <td>4 PM</ | ||
| - | < | ||
| - | </tr> | ||
| - | |||
| - | <tr class=" | ||
| - | <td class=" | ||
| - | <td>4 PM</ | ||
| - | < | ||
| - | </tr> | ||
| - | |||
| - | <tr class=" | ||
| - | <td class=" | ||
| - | <td>4 PM</ | ||
| - | < | ||
| - | </tr> | ||
| - | |||
| - | |||
| - | |||
| - | <tr class=" | ||
| - | <td class=" | ||
| - | <td>8 MP</ | ||
| - | < | ||
| - | </tr> | ||
| - | |||
| - | <tr class=" | ||
| - | <td class=" | ||
| - | <td>7 PM</ | ||
| - | < | ||
| - | </tr> | ||
| - | |||
| - | <tr class=" | ||
| - | <td class=" | ||
| - | <td>8 MP</ | ||
| - | < | ||
| - | </tr> | ||
| - | |||
| - | <tr class=" | ||
| - | <td class=" | ||
| - | <td>6 MP</ | ||
| - | < | ||
| - | </tr> | ||
| - | |||
| - | <tr class=" | ||
| - | <td class=" | ||
| - | <td>6 MP</ | ||
| - | < | ||
| - | </tr> | ||
| - | |||
| - | <tr class=" | ||
| - | <td class=" | ||
| - | <td>5 PM</ | ||
| - | < | ||
| - | </tr> | ||
| - | |||
| - | |||
| - | <tr class=" | ||
| - | <td class=" | ||
| - | <td>6 PM</ | ||
| - | < | ||
| - | </tr> | ||
| - | |||
| - | <tr class=" | ||
| - | <td class=" | ||
| - | < | ||
| - | < | ||
| - | </tr> | ||
| - | |||
| - | <tr class=" | ||
| - | <td class=" | ||
| - | <td>7 PM</ | ||
| - | < | ||
| - | </tr> | ||
| - | |||
| - | <tr class=" | ||
| - | <td class=" | ||
| - | <td>6 PM</ | ||
| - | < | ||
| - | </tr> | ||
| - | |||
| - | <tr class=" | ||
| - | <td class=" | ||
| - | <td>6 MP</ | ||
| - | < | ||
| - | </tr> | ||
| - | |||
| - | <tr class=" | ||
| - | <td class=" | ||
| - | <td>4 PM</ | ||
| - | < | ||
| - | </tr> | ||
| - | |||
| - | <tr class=" | ||
| - | <td class=" | ||
| - | < | ||
| - | < | ||
| - | </tr> | ||
| - | |||
| - | <tr class=" | ||
| - | <td class=" | ||
| - | <td>4 MP</ | ||
| - | < | ||
| - | </tr> | ||
| - | <tr class=" | ||
| - | <td class=" | ||
| - | <td>4 PM</ | ||
| - | < | ||
| - | </tr> | ||
| - | |||
| - | |||
| - | <tr class=" | ||
| - | <td class=" | ||
| - | <td>8 MP</ | ||
| - | < | ||
| - | </tr> | ||
| - | |||
| - | <tr class=" | ||
| - | <td class=" | ||
| - | <td>4 MP</ | ||
| - | < | ||
| - | </tr> | ||
| - | |||
| - | |||
| - | <tr class=" | ||
| - | <td class=" | ||
| - | <td>6 PM</ | ||
| - | < | ||
| - | </tr> | ||
| - | |||
| - | <tr class=" | ||
| - | <td class=" | ||
| - | <td>6 MP</ | ||
| - | < | ||
| - | </tr> | ||
| - | |||
| - | <tr class=" | ||
| - | <td class=" | ||
| - | <td>6 MP</ | ||
| - | < | ||
| - | </tr> | ||
| - | |||
| - | <tr class=" | ||
| - | <td class=" | ||
| - | <td>0 MP, 5 PV, 2 Mvt</ | ||
| - | < | ||
| - | </tr> | ||
| - | |||
| - | <tr class=" | ||
| - | <td class=" | ||
| - | <td>2 MP, 1 Mvt</ | ||
| - | < | ||
| - | </tr> | ||
| - | |||
| - | <!-- ================= NIVEAU 3 ================= --> | ||
| - | |||
| - | <tr class=" | ||
| - | <td class=" | ||
| - | <td>8 MP</ | ||
| - | < | ||
| - | </tr> | ||
| - | |||
| - | <tr class=" | ||
| - | <td class=" | ||
| - | < | ||
| - | < | ||
| - | </tr> | ||
| - | |||
| - | <tr class=" | ||
| - | <td class=" | ||
| - | <td>8 MP</ | ||
| - | < | ||
| - | </tr> | ||
| - | |||
| - | <tr class=" | ||
| - | <td class=" | ||
| - | <td>4 MP</ | ||
| - | < | ||
| - | </tr> | ||
| - | |||
| - | <tr class=" | ||
| - | <td class=" | ||
| - | <td>8 MP</ | ||
| - | < | ||
| - | </tr> | ||
| - | |||
| - | <tr class=" | ||
| - | <td class=" | ||
| - | < | ||
| - | < | ||
| - | </tr> | ||
| - | |||
| - | <tr class=" | ||
| - | <td class=" | ||
| - | < | ||
| - | < | ||
| - | </tr> | ||
| - | |||
| - | <!-- ================= NIVEAU 4 ================= --> | ||
| - | |||
| - | <tr class=" | ||
| - | <td class=" | ||
| - | < | ||
| - | < | ||
| - | </tr> | ||
| - | |||
| - | <tr class=" | ||
| - | <td class=" | ||
| - | < | ||
| - | < | ||
| - | </tr> | ||
| - | |||
| - | <tr class=" | ||
| - | <td class=" | ||
| - | < | ||
| - | < | ||
| - | </tr> | ||
| - | |||
| - | <tr class=" | ||
| - | <td class=" | ||
| - | < | ||
| - | < | ||
| - | </tr> | ||
| - | |||
| - | <tr class=" | ||
| - | <td class=" | ||
| - | < | ||
| - | < | ||
| - | </tr> | ||
| - | |||
| - | <tr class=" | ||
| - | <td class=" | ||
| - | <td>8 PM</ | ||
| - | < | ||
| - | </tr> | ||
| - | <tr class=" | ||
| - | <td class=" | ||
| - | < | ||
| - | < | ||
| - | </tr> | ||
| - | |||
| - | <tr class=" | ||
| - | <td class=" | ||
| - | < | ||
| - | < | ||
| - | </tr> | ||
| - | |||
| - | |||
| - | |||
| - | <tr class=" | ||
| - | <td class=" | ||
| - | <td>8 PM</ | ||
| - | < | ||
| - | </tr> | ||
| - | |||
| - | <tr class=" | ||
| - | <td class=" | ||
| - | < | ||
| - | < | ||
| - | </tr> | ||
| - | |||
| - | <tr class=" | ||
| - | <td class=" | ||
| - | < | ||
| - | < | ||
| - | </tr> | ||
| - | |||
| - | |||
| - | <tr class=" | ||
| - | <td class=" | ||
| - | <td>8 PM</ | ||
| - | < | ||
| - | </tr> | ||
| - | |||
| - | |||
| - | |||
| - | <tr class=" | ||
| - | <td class=" | ||
| - | <td>8 PM</ | ||
| - | < | ||
| - | </tr> | ||
| - | |||
| - | |||
| - | <tr class=" | ||
| - | <td class=" | ||
| - | < | ||
| - | < | ||
| - | </tr> | ||
| - | |||
| - | |||
| - | <tr class=" | ||
| - | <td class=" | ||
| - | < | ||
| - | < | ||
| - | </tr> | ||
| - | |||
| - | <!-- ================= NIVEAU 5 ================= --> | ||
| - | |||
| - | <tr class=" | ||
| - | <td class=" | ||
| - | < | ||
| - | < | ||
| - | </tr> | ||
| - | |||
| - | <tr class=" | ||
| - | <td class=" | ||
| - | < | ||
| - | < | ||
| - | </tr> | ||
| - | |||
| - | <tr class=" | ||
| - | <td class=" | ||
| - | < | ||
| - | < | ||
| - | </tr> | ||
| - | |||
| - | <tr class=" | ||
| - | <td class=" | ||
| - | < | ||
| - | < | ||
| - | </tr> | ||
| - | |||
| - | |||
| - | |||
| - | |||
| - | </ | ||
| - | </ | ||
| </ | </ | ||
| - | <script> | + | <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=" | + | |
| - | < | + | |
| - | <option value=" | + | |
| - | <option value=" | + | |
| - | <option value=" | + | |
| - | <option value=" | + | |
| - | <option value=" | + | |
| - | <option value=" | + | |
| - | <option value=" | + | |
| - | </select> | + | |
| - | <div class=" | ||
| - | <table id=" | ||
| < | < | ||
| <tr> | <tr> | ||
| - | <th>Race</ | + | < |
| - | < | + | <th>Race</th> |
| - | <th>Description</ | + | <th>Nom</ |
| + | < | ||
| + | <th>Type</th> | ||
| + | <th>Effet</th> | ||
| + | < | ||
| + | <th>Niv</th> | ||
| </tr> | </tr> | ||
| </ | </ | ||
| + | |||
| < | < | ||
| + | <!-- NIVEAU 1 --> | ||
| - | <!-- ===== NIVEAU 1 ===== --> | + | <tr class=" |
| - | + | <td>< | |
| - | <tr class="Communs"> | + | <td>com</ |
| - | <td class=" | + | |
| </tr> | </tr> | ||
| - | <tr class=" | + | <tr class=" |
| - | <td class="race-Communs">Communs</td><td>Attaque violente</ | + | < |
| + | <td>com</ | ||
| </tr> | </tr> | ||
| - | <tr class=" | + | <tr class=" |
| - | <td class="race-Communs">Communs</td><td>Coup ajusté</ | + | < |
| + | <td>com</ | ||
| </tr> | </tr> | ||
| - | <tr class=" | + | <tr class=" |
| - | <td class="race-Communs">Communs</td><td>Coup d' | + | < |
| + | <td>com</ | ||
| </tr> | </tr> | ||
| - | <tr class=" | + | <tr class=" |
| - | <td class="race-Communs">Communs</td><td>Epuisement</ | + | < |
| + | <td>com</ | ||
| </tr> | </tr> | ||
| - | <!-- ===== NIVEAU 2 ===== --> | + | <tr class=" |
| - | + | <td>< | |
| - | <tr class="Nain"> | + | <td>com</ |
| - | <td class=" | + | |
| </tr> | </tr> | ||
| - | <tr class=" | + | <tr class=" |
| - | <td class="race-Géant">Géant</td><td>Berserker*</ | + | < |
| + | <td>com</ | ||
| </tr> | </tr> | ||
| - | <tr class=" | + | <tr class=" |
| - | <td class=" | + | <td>< |
| + | <td>com</ | ||
| </tr> | </tr> | ||
| - | <tr class=" | + | <tr class=" |
| - | <td class=" | + | <td>< |
| + | <td>com</ | ||
| </tr> | </tr> | ||
| - | <tr class=" | + | <tr class=" |
| - | <td class="race-HS">HS</td><td>Griffes*</ | + | < |
| + | <td>com</ | ||
| </tr> | </tr> | ||
| - | <tr class=" | + | <!-- NIVEAU |
| - | <td class=" | + | |
| - | </tr> | + | |
| - | <tr class=" | + | <tr class=" |
| - | <td class="race-Communs">Communs</td><td>Manchette</ | + | < |
| + | <td>com</ | ||
| </tr> | </tr> | ||
| - | <!-- ===== NIVEAU 3 ===== --> | + | <tr class=" |
| - | + | < | |
| - | <tr class=" | + | <td>com</ |
| - | + | ||
| - | <tr class="Communs"> | + | |
| - | < | + | |
| </tr> | </tr> | ||
| - | <tr class=" | + | <tr class=" |
| - | <td class="race-Communs">Communs</td><td>Attaque drainante</ | + | < |
| + | <td>com</ | ||
| </tr> | </tr> | ||
| - | <tr class=" | + | <tr class=" |
| - | <td class="race-Communs">Communs</td><td>Attaque siphonnante</ | + | < |
| + | <td>HS</ | ||
| </tr> | </tr> | ||
| - | <tr class=" | + | <tr class=" |
| - | <td class="race-Nain">Nain</td><td>Clé de bras</ | + | < |
| + | <td>Elfe</ | ||
| </tr> | </tr> | ||
| - | <tr class=" | + | <tr class=" |
| - | <td class="race-Olympien">Olympien</td><td>Désarmement</ | + | < |
| + | <td>Géant</ | ||
| </tr> | </tr> | ||
| - | <tr class=" | + | <!-- NIVEAU |
| - | <td class=" | + | |
| - | </tr> | + | |
| - | <tr class=" | + | <tr class=" |
| - | <td class="race-Elfe">Elfe</td><td>Frappe vicieuse</ | + | < |
| + | <td>com</ | ||
| </tr> | </tr> | ||
| - | <tr class=" | + | <tr class=" |
| - | <td class="race-HS">HS</td><td>Griffes</ | + | < |
| + | <td>com</ | ||
| </tr> | </tr> | ||
| - | <tr class=" | + | <tr class=" |
| - | <td class=" | + | <td>< |
| + | <td>com</ | ||
| </tr> | </tr> | ||
| - | <tr class=" | + | <!-- NIVEAU 4 --> |
| - | <td class=" | + | |
| - | </tr> | + | |
| - | <tr class=" | + | <tr class=" |
| - | <td class=" | + | <td>< |
| + | <td>com</ | ||
| </tr> | </tr> | ||
| - | <tr class=" | + | <tr class=" |
| - | <td class="race-Elfe">Elfe</td><td>Pas de côté</ | + | < |
| + | <td>Géant</ | ||
| </tr> | </tr> | ||
| - | <!-- ===== NIVEAU 4 ===== --> | + | <tr class=" |
| - | + | <td>< | |
| - | <tr class="Communs"> | + | <td>Elfe</ |
| - | <td class=" | + | |
| </tr> | </tr> | ||
| - | <tr class=" | + | <tr class=" |
| - | <td class="race-Communs">Communs</td><td>Duelliste</ | + | < |
| + | <td>Olympien</ | ||
| </tr> | </tr> | ||
| - | <tr class=" | + | <!-- NIVEAU 5 --> |
| - | <td class=" | + | |
| - | </tr> | + | |
| - | | + | < |
| - | </ | + | <td><input type="checkbox" class=" |
| - | </ | + | <td>com</td><td>Exténuation</td><td>25 MP</td><td>S</td><td>Vulnérabilité x8</td><td>min 2</td><td>5</td> |
| - | + | ||
| - | < | + | |
| - | // 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("Communs"); | + | |
| - | const isRace = row.classList.contains(chosenRace); | + | |
| - | row.style.display = (chosenRace === "Toutes" | + | |
| - | }); | + | |
| - | }); | + | |
| - | </ | + | |
| - | + | ||
| - | + | ||
| - | < | + | |
| - | + | ||
| - | <!-- ================= TABLEAU 3 : Techniques Distance ================= --> | + | |
| - | < | + | |
| - | <label for="raceSelect3">Choisir une race :</label> | + | |
| - | <select id=" | + | |
| - | | + | |
| - | <option value=" | + | |
| - | <option value=" | + | |
| - | <option value=" | + | |
| - | <option value=" | + | |
| - | <option value=" | + | |
| - | <option value=" | + | |
| - | </ | + | |
| - | + | ||
| - | < | + | |
| - | <table id=" | + | |
| - | < | + | |
| - | < | + | |
| - | < | + | |
| - | <th>Coût</th><th>Bonus / Malus</th><th>Cible</th><th> | + | |
| - | <th>Description</th><th>Cumulable</th><th>Prix</th><th>Niveau</th> | + | |
| </tr> | </tr> | ||
| - | </ | ||
| - | < | ||
| - | <!-- ================= COMMUNS ================= | + | <tr class=" |
| - | + | <td>< | |
| - | <tr class="Communs"> | + | <td>com</ |
| - | <td class=" | + | |
| - | <td>/</ | + | |
| - | <td>Ne fait pas de dégâts. Jet de CT pur. Essouflement(X/ | + | |
| </tr> | </tr> | ||
| - | + | <tr class=" | |
| - | <tr class=" | + | < |
| - | <td class="race-Communs">Communs</td><td>Tir précis | + | <td>com</ |
| - | <td>2 MP</ | + | |
| - | < | + | |
| </tr> | </tr> | ||
| - | <tr class=" | + | <tr class=" |
| - | <td class="race-Communs">Communs</td><td>Tir violent</ | + | < |
| - | <td>2 MP</ | + | <td>com</ |
| - | < | + | |
| </tr> | </tr> | ||
| - | <tr class=" | + | </ |
| - | <td class=" | + | |
| - | <td>6 MP</ | + | |
| - | < | + | |
| - | </ | + | |
| - | + | ||
| - | <tr class=" | + | |
| - | <td class=" | + | |
| - | <td>4 MP</ | + | |
| - | < | + | |
| - | </ | + | |
| - | + | ||
| - | <tr class=" | + | |
| - | <td class=" | + | |
| - | < | + | |
| - | < | + | |
| - | </ | + | |
| - | + | ||
| - | + | ||
| - | <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 | ||
| - | const select3 = document.getElementById(" | ||
| - | const rows3 = document.querySelectorAll("# | ||
| - | select3.addEventListener("change", () => { | + | let max = 15; |
| - | const chosenRace = select3.value; | + | |
| - | rows3.forEach(row => { | + | document.querySelectorAll(".skill").forEach(cb=>{ |
| - | const isCommun | + | cb.addEventListener(" |
| - | const isRace = row.classList.contains(chosenRace); | + | let total = document.querySelectorAll(".skill: |
| - | row.style.display | + | if(total > max){ cb.checked = false; return; } |
| - | }); | + | points.innerText |
| + | }); | ||
| }); | }); | ||
| - | </ | ||
| + | function filter(){ | ||
| + | let e = filterEffect.value; | ||
| + | let t = filterType.value; | ||
| + | let s = search.value.toLowerCase(); | ||
| - | < | + | document.querySelectorAll("#skills tbody tr").forEach(r=>{ |
| - | + | let txt = r.innerText.toLowerCase(); | |
| - | <!-- ================= TABLEAU 4 : Furtivité ================= --> | + | let ok = (e=="all"||r.dataset.effect==e) |
| - | < | + | && |
| - | <label for=" | + | && txt.includes(s); |
| - | <select id=" | + | r.style.display = ok ? "" |
| - | <option value=" | + | |
| - | <option value=" | + | |
| - | <option value=" | + | |
| - | <option value=" | + | |
| - | <option value=" | + | |
| - | <option value=" | + | |
| - | <option value=" | + | |
| - | </ | + | |
| - | + | ||
| - | <div class=" | + | |
| - | <table id=" | + | |
| - | < | + | |
| - | < | + | |
| - | < | + | |
| - | < | + | |
| - | < | + | |
| - | </ | + | |
| - | </ | + | |
| - | < | + | |
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | <!-- ================= COMMUNS ================= --> | + | |
| - | + | ||
| - | <tr class=" | + | |
| - | <td class=" | + | |
| - | < | + | |
| - | < | + | |
| - | </ | + | |
| - | + | ||
| - | <tr class=" | + | |
| - | <td class=" | + | |
| - | <td>X MP, Y Mvt, 1A</ | + | |
| - | < | + | |
| - | < | + | |
| - | </ | + | |
| - | <tr class="Communs"> | + | |
| - | <td class=" | + | |
| - | < | + | |
| - | < | + | |
| - | </tr> | + | |
| - | + | ||
| - | + | ||
| - | + | ||
| - | <tr class="Communs"> | + | |
| - | <td class=" | + | |
| - | < | + | |
| - | < | + | |
| - | </ | + | |
| - | <tr class=" | + | |
| - | <td class=" | + | |
| - | < | + | |
| - | < | + | |
| - | </ | + | |
| - | <tr class=" | + | |
| - | <td class=" | + | |
| - | < | + | |
| - | < | + | |
| - | </ | + | |
| - | <tr class="Communs"> | + | |
| - | <td class=" | + | |
| - | < | + | |
| - | < | + | |
| - | </ | + | |
| - | <tr class=" | + | |
| - | <td class=" | + | |
| - | < | + | |
| - | < | + | |
| - | </ | + | |
| - | + | ||
| - | + | ||
| - | </ | + | |
| - | </ | + | |
| - | </ | + | |
| - | + | ||
| - | < | + | |
| - | // Script pour le quatrieme tableau | + | |
| - | const select4 = document.getElementById("raceSelect4"); | + | |
| - | const rows4 = document.querySelectorAll("# | + | |
| - | + | ||
| - | select4.addEventListener(" | + | |
| - | const chosenRace | + | |
| - | rows4.forEach(row => { | + | |
| - | const isCommun = row.classList.contains(" | + | |
| - | const isRace = row.classList.contains(chosenRace); | + | |
| - | row.style.display = (chosenRace === " | + | |
| - | }); | + | |
| }); | }); | ||
| - | </ | + | } |
| + | filterEffect.onchange = filter; | ||
| + | filterType.onchange = filter; | ||
| + | search.oninput = filter; | ||
| - | <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=" | ||
| - | <td>6 MP</ | ||
| - | < | ||
| - | < | ||
| - | </tr> | ||
| - | |||
| - | <tr class=" | ||
| - | <td class=" | ||
| - | < | ||
| - | < | ||
| - | < | ||
| - | </tr> | ||
| - | |||
| - | <tr class=" | ||
| - | <td class=" | ||
| - | < | ||
| - | < | ||
| - | < | ||
| - | </tr> | ||
| - | |||
| - | <tr class=" | ||
| - | <td class=" | ||
| - | < | ||
| - | < | ||
| - | < | ||
| - | </tr> | ||
| - | |||
| - | <tr class=" | ||
| - | <td class=" | ||
| - | < | ||
| - | < | ||
| - | < | ||
| - | </tr> | ||
| - | |||
| - | <tr class=" | ||
| - | <td class=" | ||
| - | < | ||
| - | < | ||
| - | < | ||
| - | </tr> | ||
| - | |||
| - | </ | ||
| - | </ | ||
| - | </ | ||
| - | |||
| - | |||
| - | < | ||
| - | // 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 === " | ||
| - | }); | ||
| - | }); | ||
| </ | </ | ||
| - | |||
| - | </ | ||
| </ | </ | ||
brouillon7.1776632653.txt.gz · Dernière modification : 2026/04/19 23:04 de nanaki
