{"type":"video","version":"1.0","html":"<iframe src=\"https://www.loom.com/embed/95daefc88b294cca8ea55c969dd57b23\" frameborder=\"0\" width=\"1896\" height=\"1422\" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>","height":1422,"width":1896,"provider_name":"Loom","provider_url":"https://www.loom.com","thumbnail_height":1422,"thumbnail_width":1896,"thumbnail_url":"https://cdn.loom.com/sessions/thumbnails/95daefc88b294cca8ea55c969dd57b23-4da206ead0235c33.gif","duration":305.49,"title":"Mission 3 Debugging a Budget Webpage","description":"This Loom documents the process of finding and fixing multiple bugs in a personal budgeting website. The speaker starts by identifying misspellings that broke connections, including the HTML title and styles.css versus styles, and adds a missing ID to the main button so script.js can run. They then update modules to use ES module import and export instead of module.exports and require, remove redundant last name handling, and add a working event listener plus the missing table labels. Finally, they explain that line breaks in the message require CSS whitespace preline and that non-numeric input fails because the input is restricted to numbers, using sample figures like 5,000 salary, 100 food, 700 rent, 200 shopping, 200 travel, and 2,000 savings to show a positive net balance message."}