feat: Make it possible to save the current character

index.html

@@ -290,6 +290,7 @@
                         <span class="input-locked">🔒</span>
                         <span class="input-unlocked">🔓</span>
                     </label>
+                    <button id="btn-save-character">Save</button>
                 </div>
                 <div class="box">
                     <h2>Pools</h2>
@@ -371,6 +372,7 @@
          const containerCharacterID = document.getElementById("cont-character-id");
 
          const btnNoCharCreateCharacter = document.getElementById("btn-no-char-create-character");
+         const btnSaveCharacter = document.getElementById("btn-save-character");
 
          const inpCampaignName = document.getElementById("inp-campaign-name");
          const inpCharacterName = document.getElementById("inp-character-name");
@@ -505,6 +507,10 @@
              };
          };
 
+         const saveCurrentCharacter = () => {
+             characterRoster[currentCharacter] = sheetToObject();
+         };
+
          document.addEventListener(
              "DOMContentLoaded",
              () => {
@@ -518,6 +524,7 @@
                      .forEach((elem) => {elem.addEventListener("change", toggleInputLockedHandler)});
 
                  btnNoCharCreateCharacter.addEventListener("click", createCharacter);
+                 btnSaveCharacter.addEventListener("click", saveCurrentCharacter);
 
                  clearSheet();
              },