diff --git a/index.html b/index.html
index 123b55c..f4382fb 100644
--- a/index.html
+++ b/index.html
@@ -393,6 +393,7 @@
          const containerCharacter = document.getElementById("cont-character-sheet");
          const containerCharacterID = document.getElementById("cont-character-id");
 
+         const btnLoadCharacter = document.getElementById("btn-load-character");
          const btnCreateCharacter = document.getElementById("btn-create-character");
          const btnNoCharCreateCharacter = document.getElementById("btn-no-char-create-character");
          const btnSaveCharacter = document.getElementById("btn-save-character");
@@ -624,6 +625,13 @@
                  btnNoCharCreateCharacter.addEventListener("click", createCharacter);
                  btnCreateCharacter.addEventListener("click", createCharacter);
                  btnSaveCharacter.addEventListener("click", saveCurrentCharacter);
+                 btnLoadCharacter.addEventListener("click", () => {
+                     var selectedID = inpCharacterRoster.selectedOptions[0].value;
+
+                     if (!selectedID) return;
+
+                     loadCharacter(selectedID);
+                 });
 
                  clearSheet();
                  loadCharacterRoster(true);