{"type":"video","version":"1.0","html":"<iframe src=\"https://www.loom.com/embed/2d736af1ea79413e9e2d283ef3b56b76\" 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/2d736af1ea79413e9e2d283ef3b56b76-8f4a8247625ff60e.gif","duration":540.204,"title":"Fixing a Buggy Ledger Balance App","description":"This Loom explains the key fixes made when correcting a buggy ledger balance web app. The author compares the original and final files, noting issues like a missing S in styles.css, exact image filename mismatches, and nonworking button logic where Calculate Balance did not respond. They describe adding type equals module for JavaScript imports, updating constants and user full name handling, and changing the balance display colors to distinguish profit versus deficit with different shades based on how far the result is from zero. The author also replaces a previous onClick approach with document.getElementById and addEventListener, and adds input validation to alert users to enter a number."}