Custom skills above 10th should use the right addition value

Fixes #68

Author: GoOz

CHANGELOG.md

@@ -5,6 +5,11 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## [2.1.2] - 2025-08-05
+
+### Fixed
+- Custom skills after the 10th will now add their own advance value
+
 ## [2.1.1] - 2025-04-30
 
 ### Fixed

js/app.js

@@ -220,7 +220,7 @@ document.addEventListener("DOMContentLoaded", (event) => {
   // Store custom skill base characteristic and update related output
   function handleCharacSelect(event) {
     const outputs = event.target.closest("tr").querySelectorAll("output");
-    const rowId = event.target.id.slice(-1)
+    const rowId = event.target.closest("tr").dataset.number;
     if (!event.target.value) {
       outputs.forEach((output) => (output.value = ""));
       return;
@@ -330,13 +330,16 @@ document.addEventListener("DOMContentLoaded", (event) => {
     const template = document.getElementById(`${type}-row`);
     const clone = template.content.cloneNode(true);
 
+    const row = clone.querySelector("tr");
     const inputs = clone.querySelectorAll("input, output");
     const selects = clone.querySelectorAll("select");
     const contentEditable = clone.querySelectorAll("[contentEditable]");
     const labels = clone.querySelectorAll("label");
     const highlight = clone.querySelector(".highlight-toggle");
     const remove = clone.querySelector(".remove");
 
+    row.dataset.number = n
+
     inputs.forEach((input) => {
       input.name = input.name + n;
       input.id = input.id + n;

src/_includes/sheet.html

@@ -517,7 +517,7 @@ <h1 class="sr-only">{{ 'h1' | i18n }}</h1>
                 </tr>
               </thead>
               <tbody>
-                <tr>
+                <tr data-number="0">
                   <td>
                     <div class="hl-wrapper">
                       <div class="hl-wrapper-checkbox">
@@ -571,7 +571,7 @@ <h1 class="sr-only">{{ 'h1' | i18n }}</h1>
               </tbody>
             </table>
             <template id="custom-skill-row">
-              <tr>
+              <tr data-number="">
                 <td>
                   <div class="hl-wrapper">
                   <div class="hl-wrapper-checkbox">