brouillon4
Différences
Ci-dessous, les différences entre deux révisions de la page.
| Prochaine révision | Révision précédente | ||
| brouillon4 [2026/04/19 20:01] – créée nanaki | brouillon4 [2026/04/21 21:02] (Version actuelle) – nanaki | ||
|---|---|---|---|
| Ligne 1: | Ligne 1: | ||
| - | ===== Liste des Sorts et techniques ===== | ||
| - | Un complément d' | ||
| < | < | ||
| - | < | + | |
| - | <meta charset=" | + | |
| - | < | + | |
| < | < | ||
| body { font-family: | body { font-family: | ||
| - | h3 { text-align: center; } | ||
| - | .table-container { width: 100%; overflow-x: auto; margin-top: 10px; } | ||
| - | table { width: 100%; border-collapse: | ||
| - | th, td { padding: 8px; border: 1px solid #ccc; text-align: left; } | ||
| - | th { background: #f2f2f2; } | ||
| - | tbody tr: | ||
| - | tbody tr: | ||
| - | /* Couleurs par race */ | + | .controls |
| - | td.race-Communs | + | |
| - | 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; } | + | |
| - | </ | + | |
| - | </ | + | |
| - | < | + | |
| - | <!-- ================= TABLEAU 1 : sorts ================= --> | + | #pointsBox { font-weight:bold; margin-bottom:10px; } |
| - | < | + | |
| - | <label for=" | + | |
| - | <select id=" | + | |
| - | <option value=" | + | |
| - | <option value=" | + | |
| - | <option value=" | + | |
| - | <option value=" | + | |
| - | <option value=" | + | |
| - | <option value=" | + | |
| - | <option value=" | + | |
| - | </ | + | |
| - | <div class=" | + | table { width:100%; border-collapse: |
| - | <table id=" | + | th, td { border:1px solid #ccc; padding: |
| - | < | + | th { background:# |
| - | <tr> | + | tr:nth-child(even){ background:# |
| - | < | + | |
| - | < | + | |
| - | < | + | |
| - | </ | + | |
| - | </ | + | |
| - | < | + | |
| - | <!-- ================= COMMUNS ================= --> | + | .offensif { background:# |
| + | .defensif { background:# | ||
| + | .utilitaire { background:# | ||
| + | .malediction { background:# | ||
| + | .lvl { padding:2px 6px; border-radius: | ||
| + | .lvl-1 { background:# | ||
| + | .lvl-2 { background:# | ||
| - | <tr class=" | + | </style> |
| - | <td class=" | + | |
| - | <td>6 MP</ | + | |
| - | < | + | |
| - | </tr> | + | |
| - | <tr class="Communs"> | + | <div id="pointsBox"> |
| - | <td class="race-Communs">Communs</td>< | + | Points utilisés : <span id="points">0</span> / 15 |
| - | <td>6 MP</ | + | </div> |
| - | < | + | |
| - | </tr> | + | |
| - | <tr class=" | + | <div class=" |
| - | <td class=" | + | |
| - | <td>6 MP</ | + | |
| - | < | + | |
| - | </tr> | + | |
| - | <tr class="Communs"> | + | <select id="raceFilter"> |
| - | <td class="race-Communs">Communs</td>< | + | <option value="Toutes">Toutes</option> |
| - | <td>4 MP</ | + | <option value=" |
| - | < | + | </select> |
| - | </tr> | + | |
| - | <tr class="Communs"> | + | <select id="typeFilter"> |
| - | <td class="race-Communs">Communs</td><td>Coup précis</td>< | + | <option value="Tous">Tous types</option> |
| - | <td>4 MP</td>< | + | <option value=" |
| - | <td>Dextérité (x2)</ | + | <option value=" |
| - | </tr> | + | <option value=" |
| + | </select> | ||
| - | <tr class="Communs"> | + | <select id="effectFilter"> |
| - | <td class="race-Communs">Communs</td><td>Épuisement arcanique</td>< | + | <option value="Tous">Tous effets</option> |
| - | <td>4 MP</td>< | + | <option value=" |
| - | <td>Réduction d’endurance</ | + | <option value=" |
| - | </tr> | + | <option value=" |
| + | </select> | ||
| - | <tr class="Communs"> | + | <input type="text" |
| - | <td class="race-Communs"> | + | |
| - | <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> | ||
| - | |||
| - | <tr class=" | ||
| - | <td class=" | ||
| - | <td>6 MP</ | ||
| - | < | ||
| - | </tr> | ||
| - | |||
| - | <tr class=" | ||
| - | <td class=" | ||
| - | <td>8 MP</ | ||
| - | < | ||
| - | </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=" | ||
| - | < | ||
| - | < | ||
| - | </tr> | ||
| - | |||
| - | <tr class=" | ||
| - | <td class=" | ||
| - | <td>6 MP</ | ||
| - | < | ||
| - | </tr> | ||
| - | |||
| - | <tr class=" | ||
| - | <td class=" | ||
| - | <td>4 MP</ | ||
| - | < | ||
| - | </tr> | ||
| - | |||
| - | <tr class=" | ||
| - | <td class=" | ||
| - | <td>8 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> | ||
| - | |||
| - | <tr class=" | ||
| - | <td class=" | ||
| - | <td>0 MP, 5 PV, 2 Mvt</ | ||
| - | < | ||
| - | </tr> | ||
| - | |||
| - | <tr class=" | ||
| - | <td class=" | ||
| - | <td>2 MP, 1 Mvt</ | ||
| - | < | ||
| - | </tr> | ||
| - | |||
| - | <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> | ||
| - | |||
| - | <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=" | ||
| - | < | ||
| - | < | ||
| - | </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> | ||
| - | |||
| - | <!-- ================= RACES ================= --> | ||
| - | |||
| - | |||
| - | <tr class=" | ||
| - | <td class=" | ||
| - | <td>4 PM</ | ||
| - | < | ||
| - | </tr> | ||
| - | |||
| - | <tr class=" | ||
| - | <td class=" | ||
| - | <td>6 PM</ | ||
| - | < | ||
| - | </tr> | ||
| - | |||
| - | |||
| - | <tr class=" | ||
| - | <td class=" | ||
| - | < | ||
| - | < | ||
| - | </tr> | ||
| - | |||
| - | <tr class=" | ||
| - | <td class=" | ||
| - | < | ||
| - | < | ||
| - | </tr> | ||
| - | |||
| - | <tr class=" | ||
| - | <td class=" | ||
| - | <td>4 PM</ | ||
| - | < | ||
| - | </tr> | ||
| - | |||
| - | <tr class=" | ||
| - | <td class=" | ||
| - | <td>5 PM</ | ||
| - | <td> Projette une flèche composée d'eau sur l' | ||
| - | </tr> | ||
| - | |||
| - | <tr class=" | ||
| - | <td class=" | ||
| - | <td>6 PM</ | ||
| - | < | ||
| - | </tr> | ||
| - | |||
| - | <tr class=" | ||
| - | <td class=" | ||
| - | < | ||
| - | < | ||
| - | </tr> | ||
| - | |||
| - | <tr class=" | ||
| - | <td class=" | ||
| - | <td>8 PM</ | ||
| - | < | ||
| - | </tr> | ||
| - | |||
| - | <tr class=" | ||
| - | <td class=" | ||
| - | <td>4 PM</ | ||
| - | < | ||
| - | </tr> | ||
| - | |||
| - | <tr class=" | ||
| - | <td class=" | ||
| - | <td>7 PM</ | ||
| - | < | ||
| - | </tr> | ||
| - | |||
| - | <tr class=" | ||
| - | <td class=" | ||
| - | <td>6 PM</ | ||
| - | < | ||
| - | </tr> | ||
| - | |||
| - | <tr class=" | ||
| - | <td class=" | ||
| - | < | ||
| - | < | ||
| - | </tr> | ||
| - | |||
| - | <tr class=" | ||
| - | <td class=" | ||
| - | <td>8 PM</ | ||
| - | < | ||
| - | </tr> | ||
| - | |||
| - | |||
| - | <tr class=" | ||
| - | <td class=" | ||
| - | <td>4 PM</ | ||
| - | < | ||
| - | </tr> | ||
| - | |||
| - | <tr class=" | ||
| - | <td class=" | ||
| - | <td>8 PM</ | ||
| - | < | ||
| - | </tr> | ||
| - | |||
| - | |||
| - | <tr class=" | ||
| - | <td class=" | ||
| - | <td>4 PM</ | ||
| - | < | ||
| - | </tr> | ||
| - | |||
| - | <tr class=" | ||
| - | <td class=" | ||
| - | <td>7 PM</ | ||
| - | < | ||
| - | </tr> | ||
| - | |||
| - | <tr class=" | ||
| - | <td class=" | ||
| - | < | ||
| - | < | ||
| - | </tr> | ||
| - | |||
| - | <tr class=" | ||
| - | <td class=" | ||
| - | <td>8 PM</ | ||
| - | < | ||
| - | </tr> | ||
| - | |||
| - | <tr class=" | ||
| - | <td class=" | ||
| - | < | ||
| - | <td> Bonus de +2 pour toucher avec des sorts de soutien pour chaque effet sur lui </td> | ||
| - | < | ||
| - | </tr> | ||
| - | |||
| - | </ | ||
| - | </ | ||
| </ | </ | ||
| - | + | <table id=" | |
| - | <script> | + | |
| - | // 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=" | + | |
| - | </ | + | |
| - | + | ||
| - | <div class=" | + | |
| - | <table id=" | + | |
| < | < | ||
| <tr> | <tr> | ||
| - | <th>Race</ | + | <th>Choix</th> |
| - | <th>Coût</ | + | <th>Race</th> |
| - | <th>Description</ | + | <th>Nom</th> |
| + | <th>Type</ | ||
| + | <th>Effet</ | ||
| + | <th>Niveau</th> | ||
| </tr> | </tr> | ||
| </ | </ | ||
| + | |||
| < | < | ||
| - | | + | < |
| - | <tr class=" | + | |
| - | <tr class=" | + | |
| - | <tr class=" | + | |
| - | <tr class=" | + | |
| - | <tr class=" | + | |
| - | <tr class=" | + | |
| - | <tr class=" | + | |
| - | <td class=" | + | |
| - | <td>1 Mvt</ | + | |
| - | < | + | |
| - | < | + | |
| - | </tr> | + | |
| - | <tr class=" | + | <tr class=" |
| - | <td class="race-Communs">Communs</td><td>Coup d' | + | < |
| - | <td>5 Mvt, 0A</ | + | |
| - | < | + | |
| - | < | + | |
| </tr> | </tr> | ||
| - | <tr class=" | + | <tr class=" |
| - | <td class="race-Communs">Communs</td><td>Coup ajusté</ | + | < |
| - | <td>2 MP</ | + | |
| - | < | + | |
| - | < | + | |
| </tr> | </tr> | ||
| - | <tr class=" | + | <tr class=" |
| - | <td class="race-Communs">Communs</td><td>Attaque drainante</ | + | < |
| - | <td>4 MP</ | + | |
| - | < | + | |
| - | < | + | |
| </tr> | </tr> | ||
| - | <tr class=" | + | <tr class=" |
| - | <td class="race-Communs">Communs</td><td>Attaque siphonnante</ | + | < |
| - | <td>2 PV</ | + | |
| - | < | + | |
| - | < | + | |
| </tr> | </tr> | ||
| - | <tr class=" | + | <tr class=" |
| - | <td class="race-Communs">Communs</td><td>Frappe à la tempe</ | + | < |
| - | <td>4 MP</ | + | |
| - | < | + | |
| - | < | + | |
| </tr> | </tr> | ||
| - | <!-- ===== NAINS ===== --> | + | <tr class=" |
| - | | + | < |
| - | <tr class="Nain"><td class=" | + | |
| - | <tr class="Nain"><td class=" | + | |
| - | < | + | |
| - | + | ||
| - | <!-- ===== GÉANTS ===== --> | + | |
| - | <tr class="Géant"> | + | |
| - | < | + | |
| - | | + | |
| - | < | + | |
| - | </ | + | |
| - | + | ||
| - | <tr class=" | + | |
| - | <td class=" | + | |
| - | <td>8 PM</ | + | |
| - | < | + | |
| - | </ | + | |
| - | + | ||
| - | <!-- ===== OLYMPIENS ===== --> | + | |
| - | <tr class=" | + | |
| - | <td class=" | + | |
| - | <td>7 PM</ | + | |
| - | < | + | |
| - | </ | + | |
| - | + | ||
| - | <tr class=" | + | |
| - | <td class=" | + | |
| - | <td>7 PM</ | + | |
| - | < | + | |
| - | </ | + | |
| - | + | ||
| - | <!-- ===== HS ===== --> | + | |
| - | <tr class=" | + | |
| - | <td class=" | + | |
| - | <td>6 PM</ | + | |
| - | < | + | |
| - | </ | + | |
| - | + | ||
| - | <!-- ===== ELFES ===== --> | + | |
| - | <tr class=" | + | |
| - | <td class=" | + | |
| - | <td>7 PM</ | + | |
| - | < | + | |
| - | </ | + | |
| - | + | ||
| - | <tr class=" | + | |
| - | <td class=" | + | |
| - | <td>7 PM + 1 Mvt</ | + | |
| - | < | + | |
| - | </ | + | |
| - | + | ||
| - | + | ||
| - | <!-- ===== COMMUNS ===== --> | + | |
| - | + | ||
| - | <tr class=" | + | |
| - | <td class=" | + | |
| - | < | + | |
| - | < | + | |
| - | <td>2 comp. Avancées</ | + | |
| </tr> | </tr> | ||
| - | <tr class=" | + | <tr class=" |
| - | <td class="race-Communs"> | + | < |
| - | <td>/</td><td>/</ | + | |
| - | <td>Le personnage a l' | + | |
| - | <td>/</ | + | |
| </tr> | </tr> | ||
| - | <!-- ===== GÉANTS ===== --> | + | <tr class=" |
| - | + | <td>< | |
| - | <tr class="Géant"> | + | |
| - | <td class=" | + | |
| - | <td>/</ | + | |
| - | < | + | |
| - | < | + | |
| </tr> | </tr> | ||
| - | <!-- ===== HS ===== --> | + | <tr class=" |
| - | + | < | |
| - | <tr class=" | + | |
| - | <td class="race-HS"> | + | |
| - | <td>/</td><td>/</ | + | |
| - | <td>Bonus de +3Dmg aux poings</td> | + | |
| - | <td>/</ | + | |
| </tr> | </tr> | ||
| - | <!-- ===== ELFES ===== --> | + | <tr class=" |
| - | + | <td>< | |
| - | <tr class="Elfe"> | + | |
| - | <td class=" | + | |
| - | <td>/</ | + | |
| - | < | + | |
| - | < | + | |
| </tr> | </tr> | ||
| - | | + | <!-- NIVEAU 2 exemples --> |
| - | </ | + | |
| - | </div> | + | |
| - | <script> | + | < |
| - | // Script pour le second tableau | + | <td><input type="checkbox" class=" |
| - | 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 === "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>< | + | |
| - | < | + | |
| </tr> | </tr> | ||
| - | </ | ||
| - | < | ||
| - | |||
| - | <!-- ================= COMMUNS ================= --> | ||
| - | <tr class=" | + | <tr class=" |
| - | <td class="race-Communs">Communs</td><td>Tir épuisant</ | + | < |
| - | <td>/</ | + | |
| - | < | + | |
| </tr> | </tr> | ||
| - | + | <tr class=" | |
| - | <tr class=" | + | < |
| - | <td class="race-Communs">Communs</td><td>Tir précis | + | |
| - | <td>2 MP</ | + | |
| - | < | + | |
| </tr> | </tr> | ||
| - | <tr class=" | + | <tr class=" |
| - | <td class="race-Communs">Communs</td><td>Tir violent</ | + | < |
| - | <td>2 MP</ | + | |
| - | < | + | |
| </tr> | </tr> | ||
| - | <tr class=" | + | <tr class=" |
| - | <td class="race-Communs">Communs</td><td>Tir à la cheville</ | + | < |
| - | <td>6 MP</ | + | |
| - | < | + | |
| </tr> | </tr> | ||
| - | <tr class=" | + | <tr class=" |
| - | <td class="race-Communs">Communs</td><td>Tir handicapant</ | + | < |
| - | <td>4 MP</ | + | |
| - | < | + | |
| </tr> | </tr> | ||
| - | <tr class=" | + | <tr class=" |
| - | <td class="race-Communs">Communs</td><td>Jet infusé</ | + | < |
| - | <td>10 MP</ | + | |
| - | < | + | |
| </tr> | </tr> | ||
| + | <!-- NIVEAU 3 --> | ||
| - | <tr class=" | + | <tr class=" |
| - | <td class="race-Communs"> | + | < |
| - | <td>2 MP</td>< | + | |
| - | <td>Effectue une attaque à distance, même sans arme équipée. -4 pour toucher, -2 Dmg</td> | + | |
| - | <td>/</ | + | |
| </tr> | </tr> | ||
| - | <tr class=" | + | <tr class=" |
| - | <td class="race-Communs"> | + | < |
| - | <td>2 MP</td><td>/</ | + | |
| - | <td>Avec une arme de jet, fait un tir en étant au contact avec -8 pour toucher</td> | + | |
| - | <td>/</ | + | |
| </tr> | </tr> | ||
| - | <tr class=" | + | <tr class=" |
| - | <td class="race-Communs"> | + | < |
| - | <td>2 MP</td><td>/</ | + | |
| - | <td>Le tir se fait avec avantage</td> | + | |
| - | <td>/</ | + | |
| </tr> | </tr> | ||
| - | <tr class=" | + | <!-- NIVEAU |
| - | <td class=" | + | |
| - | <td>4 MP, 1 Mvt</ | + | |
| - | < | + | |
| - | < | + | |
| - | </tr> | + | |
| - | <tr class=" | + | <tr class=" |
| - | <td class="race-Communs"> | + | < |
| - | <td>/</td><td>/</ | + | |
| - | <td>Le personnage a l' | + | |
| - | <td>/</ | + | |
| </tr> | </tr> | ||
| - | <tr class=" | + | <tr class=" |
| - | <td class="race-Communs"> | + | < |
| - | <td>/</td><td>/</ | + | |
| - | <td>Le personnage a l' | + | |
| - | <td>/</ | + | |
| </tr> | </tr> | ||
| - | <tr class=" | + | <tr class=" |
| - | <td class="race-Communs"> | + | < |
| - | <td>/</td><td>/</ | + | |
| - | <td>Les Malus infligés par les Tirs du personnage sont augmentés de 2</td> | + | |
| - | <td>/</ | + | |
| </tr> | </tr> | ||
| + | <!-- NIVEAU 5 --> | ||
| - | | + | < |
| - | </ | + | <td><input type="checkbox" class=" |
| - | </ | + | |
| - | + | ||
| - | < | + | |
| - | // Script pour le troisieme tableau | + | |
| - | const select3 = document.getElementById(" | + | |
| - | const rows3 = document.querySelectorAll("# | + | |
| - | + | ||
| - | select3.addEventListener(" | + | |
| - | const chosenRace = select3.value; | + | |
| - | rows3.forEach(row => { | + | |
| - | const isCommun = row.classList.contains(" | + | |
| - | const isRace = row.classList.contains(chosenRace); | + | |
| - | row.style.display = (chosenRace === "Toutes" | + | |
| - | }); | + | |
| - | }); | + | |
| - | </ | + | |
| - | + | ||
| - | + | ||
| - | < | + | |
| - | + | ||
| - | <!-- ================= TABLEAU 4 : Furtivité ================= --> | + | |
| - | < | + | |
| - | <label for="raceSelect4">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>< | + | |
| - | < | + | |
| </tr> | </tr> | ||
| - | </ | ||
| - | < | ||
| - | |||
| - | |||
| - | |||
| - | |||
| - | <!-- ================= COMMUNS ================= --> | ||
| - | |||
| - | <tr class=" | ||
| - | <td class=" | ||
| - | < | ||
| - | < | ||
| - | </ | ||
| - | |||
| - | |||
| - | <tr class=" | ||
| - | <td class=" | ||
| - | < | ||
| - | < | ||
| - | </ | ||
| - | <tr class=" | + | <tr class=" |
| - | <td class="race-Communs"> | + | < |
| - | <td>X MP, Y Mvt, 1A</td><td>/</ | + | |
| - | <td>Les déplacements ne laissent pas de trace de pas jusqu' | + | |
| - | <td>/</ | + | |
| </tr> | </tr> | ||
| - | <tr class=" | + | </ |
| - | <td class=" | + | |
| - | < | + | |
| - | < | + | |
| - | </ | + | |
| - | + | ||
| - | <tr class=" | + | |
| - | <td class=" | + | |
| - | < | + | |
| - | < | + | |
| - | </ | + | |
| - | + | ||
| - | <tr class=" | + | |
| - | <td class=" | + | |
| - | < | + | |
| - | < | + | |
| - | </ | + | |
| - | + | ||
| - | <tr class=" | + | |
| - | <td class=" | + | |
| - | < | + | |
| - | < | + | |
| - | </ | + | |
| - | + | ||
| - | <tr class=" | + | |
| - | <td class=" | + | |
| - | < | + | |
| - | < | + | |
| - | </ | + | |
| - | + | ||
| - | | + | |
| </ | </ | ||
| - | </ | ||
| + | < | ||
| + | const maxPoints = 15; | ||
| - | </ | + | const raceFilter = document.getElementById(" |
| - | </table> | + | const typeFilter = document.getElementById(" |
| - | </ | + | const effectFilter = document.getElementById(" |
| + | const search = document.getElementById(" | ||
| + | const rows = document.querySelectorAll("# | ||
| + | const checkboxes = document.querySelectorAll(" | ||
| + | const pointsDisplay = document.getElementById(" | ||
| - | < | + | function updatePoints(e){ |
| - | // Script pour le quatrieme tableau | + | let total = 0; |
| - | const select4 = document.getElementById(" | + | |
| - | const rows4 = document.querySelectorAll("# | + | |
| - | select4.addEventListener(" | + | checkboxes.forEach(cb => { |
| - | const chosenRace = select4.value; | + | |
| - | rows3.forEach(row => { | + | |
| - | | + | |
| - | const isRace = row.classList.contains(chosenRace); | + | |
| - | row.style.display = (chosenRace === " | + | |
| }); | }); | ||
| - | }); | ||
| - | </ | ||
| + | if(total > maxPoints){ | ||
| + | e.target.checked = false; | ||
| + | return; | ||
| + | } | ||
| - | <hr> | + | pointsDisplay.textContent = total; |
| - | <!-- ================= TABLEAU 5 : Survie ================= --> | + | if(total |
| - | < | + | |
| - | <label for=" | + | |
| - | <select id=" | + | }); |
| - | < | + | |
| - | < | + | |
| - | | + | |
| - | < | + | } |
| - | <option value=" | + | |
| - | | + | |
| - | < | + | |
| - | </ | + | |
| - | <div class=" | + | checkboxes.forEach(cb |
| - | <table id="competencesTable5"> | + | |
| - | < | + | |
| - | < | + | |
| - | < | + | |
| - | < | + | |
| - | < | + | |
| - | </ | + | |
| - | </ | + | |
| - | < | + | |
| + | function filter(){ | ||
| + | const term = search.value.toLowerCase(); | ||
| + | rows.forEach(row=> | ||
| + | const raceOk = raceFilter.value===" | ||
| + | const typeOk = typeFilter.value===" | ||
| + | const effectOk = effectFilter.value===" | ||
| + | const textOk = row.innerText.toLowerCase().includes(term); | ||
| - | < | + | row.style.display |
| + | }); | ||
| + | } | ||
| - | <tr class=" | + | raceFilter.onchange |
| - | <td class=" | + | typeFilter.onchange |
| - | < | + | effectFilter.onchange = filter; |
| - | < | + | search.oninput = filter; |
| - | </ | + | |
| + | function sortTable(col){ | ||
| + | const tbody = document.querySelector("# | ||
| + | const rowsArr = Array.from(tbody.rows); | ||
| - | <tr class=" | + | rowsArr.sort((a, |
| - | <td class=" | + | |
| - | < | + | |
| - | < | + | |
| - | </ | + | |
| - | <tr class=" | + | rowsArr.forEach(r=>tbody.appendChild(r)); |
| - | <td class=" | + | } |
| - | <td>X MP, Y Mvt, 1A</ | + | |
| - | < | + | |
| - | < | + | |
| - | </ | + | |
| - | + | ||
| - | <tr class=" | + | |
| - | <td class=" | + | |
| - | < | + | |
| - | < | + | |
| - | </ | + | |
| - | + | ||
| - | <tr class=" | + | |
| - | <td class=" | + | |
| - | < | + | |
| - | < | + | |
| - | </ | + | |
| - | + | ||
| - | <tr class=" | + | |
| - | <td class=" | + | |
| - | < | + | |
| - | < | + | |
| - | </ | + | |
| - | + | ||
| - | <tr class=" | + | |
| - | <td class=" | + | |
| - | < | + | |
| - | < | + | |
| - | </ | + | |
| - | + | ||
| - | <tr class=" | + | |
| - | <td class=" | + | |
| - | < | + | |
| - | < | + | |
| - | </ | + | |
| - | + | ||
| - | </tbody> | + | |
| - | </ | + | |
| - | </ | + | |
| - | + | ||
| - | + | ||
| - | < | + | |
| - | // 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 === " | + | |
| - | | + | |
| - | }); | + | |
| </ | </ | ||
| - | |||
| - | </ | ||
| </ | </ | ||
| - | |||
brouillon4.1776621693.txt.gz · Dernière modification : 2026/04/19 20:01 de nanaki
