video1.0<iframe src="https://www.loom.com/embed/f6d2828b094c4f3bb27b89d94fba808c" frameborder="0" width="1920" height="1440" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>14401920Loomhttps://www.loom.com14401920https://cdn.loom.com/sessions/thumbnails/f6d2828b094c4f3bb27b89d94fba808c-755fba687068885d.gif512.712This Loom explains how the creator built a keyblade-themed website that swaps book list data into keyblade names, stats, and availability status. They demonstrate entering an event name, a keychain password, and attack and magic values to forge a keyblade, showing an awakened status when the keychain is correct and an unknown status when it is missing. Behind the scenes, they use a JavaScript array for default objects, generate select options from 1 to 10, and on load populate cards using innerHTML while matching uploaded image asset filenames to keyblade names. They also describe resetting the form after forging and using span-based CSS badges to style each displayed field separately.