{"type":"video","version":"1.0","html":"<iframe src=\"https://www.loom.com/embed/2916ae334b2f4b198a7e4efc3755c9db\" frameborder=\"0\" width=\"1826\" height=\"1369\" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>","height":1369,"width":1826,"provider_name":"Loom","provider_url":"https://www.loom.com","thumbnail_height":1369,"thumbnail_width":1826,"thumbnail_url":"https://cdn.loom.com/sessions/thumbnails/2916ae334b2f4b198a7e4efc3755c9db-eb2d9cccdf66122b.gif","duration":423.008,"title":"Mission 3: JS ES6 - Debug &amp; Restore the Ledger Balance System - StackBlitz - Google Chrome - 24 August 2026","description":"This Loom presents debugging and restoring a ledger balance system, focusing on CSS and image naming fixes and multiple JavaScript corrections. It explains improvements to welcome message display by using person.fullname directly, updates form labels and numeric inputs with step increments of 0.01 and a minimum value of 0, and wires calculator buttons using a button ID and event listeners within type=\"module\" to support shared code via import. The presenter adds input validations using validateInputs and validateMessage to prevent negative values and non-numeric text, stopping calculations when invalid data is entered. It also introduces a budget module that determines budget status based on remaining balance, with status showing cost when balance is below 0 or when remaining percentage is less than 30, otherwise showing healthy."}