{"type":"video","version":"1.0","html":"<iframe src=\"https://www.loom.com/embed/ba5d23b418ef446cb9d1e5ec4bbb4e06\" 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/ba5d23b418ef446cb9d1e5ec4bbb4e06-9b95aef4a6a03fd8.gif","duration":577.789,"title":"Breed Collection Webpage, Form, Filters, JavaScript","description":"This Loom presents a breed collection webpage, focusing on how the form inputs and JavaScript logic generate and update the displayed cards. It explains the page structure with headers and two main sections, including a form that collects breed image, name, location, rating, available checkbox, and build power adjusted with plus and minus buttons that keep values between 1 and 10. The Loom also describes categorizing build power into easy, medium, and hard ranges (1 to 3, 4 to 7, 8 to 10) and filtering displayed cards based on the available checkbox. Finally, it notes a debugging change where the build power IDs were renamed to avoid a naming conflict with the rating."}