{"type":"video","version":"1.0","html":"<iframe src=\"https://www.loom.com/embed/f6d2828b094c4f3bb27b89d94fba808c\" frameborder=\"0\" width=\"1920\" height=\"1440\" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>","height":1440,"width":1920,"provider_name":"Loom","provider_url":"https://www.loom.com","thumbnail_height":1440,"thumbnail_width":1920,"thumbnail_url":"https://cdn.loom.com/sessions/thumbnails/f6d2828b094c4f3bb27b89d94fba808c-755fba687068885d.gif","duration":512.712,"title":"Keyblade Forge Website Demo and JavaScript Build","description":"This 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."}