Wiki of Olympia

Cette page est en lecture seule. Vous pouvez afficher le texte source, mais ne pourrez pas le modifier. Contactez votre administrateur si vous pensez qu'il s'agit d'une erreur.
Furtif

<html>
<head>
<meta charset="UTF-8">

<style>
body { font-family: Arial; }

table { border-collapse: collapse; width: 100%; font-size: 13px; }
td, th { border: 1px solid #ccc; padding: 5px; }
th { background: #f2f2f2; }

.furtivite { background: #f5e5ff; }  /* violet léger */
.passif { background: #e5ffe5; }

.controls { margin-bottom:10px; }
</style>
</head>

<body>

<div class="controls">
Points : <span id="points">0</span> / 15
</div>

<table id="skills">

<thead>
<tr>
<th></th>
<th>Race</th>
<th>Nom</th>
<th>Coût</th>
<th>Type</th>
<th>Effet</th>
<th>Portée</th>
<th>Niv</th>
</tr>
</thead>

<tbody>

<!-- ===== NIVEAU 1 ===== -->

<tr class="furtivite">
<td><input type="checkbox" class="skill"></td>
<td>Communs</td>
<td>Exploration</td>
<td>Toutes les A restantes</td>
<td>Technique</td>
<td>+X P</td>
<td>Soi-même</td>
<td>1</td>
</tr>

<tr class="furtivite">
<td><input type="checkbox" class="skill"></td>
<td>Communs</td>
<td>Pas léger</td>
<td>X MP, Y Mvt, 1A</td>
<td>Technique</td>
<td>Aucune trace</td>
<td>Soi-même</td>
<td>1</td>
</tr>

<!-- ===== NIVEAU 3 ===== -->

<tr class="furtivite">
<td><input type="checkbox" class="skill"></td>
<td>Communs</td>
<td>Discrétion</td>
<td>X MP, Y Mvt</td>
<td>Technique</td>
<td>Invisible carte</td>
<td>Soi-même</td>
<td>3</td>
</tr>

<!-- ===== NIVEAU 4 ===== -->

<tr class="furtivite">
<td><input type="checkbox" class="skill"></td>
<td>Communs</td>
<td>Camouflage (Olympien)</td>
<td>X MP, Y Mvt</td>
<td>Technique</td>
<td>Apparence Olympien</td>
<td>Soi-même</td>
<td>4</td>
</tr>

<tr class="furtivite">
<td><input type="checkbox" class="skill"></td>
<td>Communs</td>
<td>Camouflage (Elfe)</td>
<td>X MP, Y Mvt</td>
<td>Technique</td>
<td>Apparence Elfe</td>
<td>Soi-même</td>
<td>4</td>
</tr>

<tr class="furtivite">
<td><input type="checkbox" class="skill"></td>
<td>Communs</td>
<td>Camouflage (HS)</td>
<td>X MP, Y Mvt</td>
<td>Technique</td>
<td>Apparence HS</td>
<td>Soi-même</td>
<td>4</td>
</tr>

<tr class="furtivite">
<td><input type="checkbox" class="skill"></td>
<td>Communs</td>
<td>Camouflage (Géant)</td>
<td>X MP, Y Mvt</td>
<td>Technique</td>
<td>Apparence Géant</td>
<td>Soi-même</td>
<td>4</td>
</tr>

<tr class="furtivite">
<td><input type="checkbox" class="skill"></td>
<td>Communs</td>
<td>Camouflage (Nain)</td>
<td>X MP, Y Mvt</td>
<td>Technique</td>
<td>Apparence Nain</td>
<td>Soi-même</td>
<td>4</td>
</tr>

</tbody>
</table>

<script>
let max = 15;

document.querySelectorAll(".skill").forEach(cb=>{
cb.addEventListener("change", ()=>{
let total = document.querySelectorAll(".skill:checked").length;
if(total > max){
cb.checked = false;
return;
}
document.getElementById("points").innerText = total;
});
});
</script>

</body>
</html>