<?xml version="1.0" encoding="UTF-8"?><oembed><type>video</type><version>1.0</version><html>&lt;iframe src=&quot;https://www.loom.com/embed/0dda2470d604483da00e6d47031c1f19&quot; frameborder=&quot;0&quot; width=&quot;3336&quot; height=&quot;2502&quot; webkitallowfullscreen mozallowfullscreen allowfullscreen&gt;&lt;/iframe&gt;</html><height>2502</height><width>3336</width><provider_name>Loom</provider_name><provider_url>https://www.loom.com</provider_url><thumbnail_height>2502</thumbnail_height><thumbnail_width>3336</thumbnail_width><thumbnail_url>https://cdn.loom.com/os/loom-media-content/loom/768dad9a-10b0-4cde-aab0-1cbda2fa3079/faed9dda-c15a-4477-a0d6-410b2627a9ee/sessions-thumbnails-0dda2470d604483da00e6d47031c1f19-51d2fe6d118762bf.gif/binary?authToken=eyJraWQiOiJtaWNyb3MtZ3JvdXAvdGRwLW9zLWFyY2hldHlwZS9xOXVsZGNqYTRwbnE3Y2N1IiwiYWxnIjoiUlMyNTYifQ.eyJicyI6Imxvb20tbWVkaWEtY29udGVudCIsImF1ZCI6InRkcC1vcy1hcmNoZXR5cGUiLCJuYmYiOjE3OTM4MTUzNjYsInRpIjoiMTViODQxODEtM2Q4Mi00OTM3LTkyNjgtMTYwMjliNDM1NmM1IiwiYWRpIjoibG9vbS9sb29tIiwiaXNzIjoibWljcm9zLWdyb3VwL3RkcC1vcy1hcmNoZXR5cGUiLCJwaWQiOiI2NzI5NWRjMC02NGU3LTRlYTMtOGIyNC1jZjg2MWQzNjFjYzUiLCJ3YSI6ImZhbHNlIiwib2lkIjoic2Vzc2lvbnMtdGh1bWJuYWlscy0wZGRhMjQ3MGQ2MDQ0ODNkYTAwZTZkNDcwMzFjMWYxOS01MWQyZmU2ZDExODc2MmJmLmdpZiIsImV4cCI6MTc5MzgxNTk2NiwiaWF0IjoxNzkzODE1MzY2LCJqdGkiOiJjMDEwNTA2OC1mYzc3LTQzNzctOGI2Ni02YjEzZmE2MzQyY2MifQ.ffXZXrSI4nh0F0v21Ukyswo3Wp34H9C0bDQcZMMlCu6CPrTj5qqNcc3yL6UbdBFJ9-gsscEJ5iQg4Hhr7gHUkLJKk5FjoQfIeQ7gMqtab5BgFEAVWo_hBKN0EDEaILTuppH1eawYYqNvk5VFGSD0gq3w2ES-1DfeVGlp66IpMCkmx2ycMxSHPy3Ug92aEiPqLN70wPircnByi-6_seO9JcpVfD5U7GHWzvxrU-OR5jl_V8_ovwTIHucNw_4N0VREHOmuwWjXMC9thF9PtHbf3tnQN6ath4gzM0-YEmbeyG2w-wXkhLp0KRMdyJ3bR4BZfd9a8ypeFx9cAa_HZDTG5A&amp;Expires=1793815966&amp;Signature=bm64hXjxHgH-FsVfX2o4MZ2KwpZD0MoYE-KWpmtUd5ySyS%7EkHDWu%7EPWQTL5BdxEM34FOyreiAkfJEUvaNlAMweJsDdkXoqItKfMKNMLTL7-QnMB1X09eirG8WT6yoSirUDzZ6leU2D%7EsoQdbrDtI2Z9P3KPcfavmbr5US7BwA9ZyoJ3mwyAPIThzMpaBxK3Re6T8IDStqgEVFGGa2GhX5dkdCDOMywEfikwTk4ScPTI37-CuxKarGQv3Pbadl%7ENMjjIYfqh-PM%7EKRIPdf5JsMMUX1gFfo1UNNPvLA69U508dSKhwTJQQ0cV349ksntJpc6UE6ei-1cDkPwHwRS-V4w__&amp;Key-Pair-Id=KQOSYIR44AIC0</thumbnail_url><duration>604.717</duration><title>Book Collection Manager Code Walkthrough</title><description>This Loom explains the Shelf Space Book Collection Manager project, focusing on how the author implemented and debugged the functionality in script.js. It covers the HTML structure including the header with emojis, collection sections showing book count, a book form for title, author, genre, and an availability checkbox, along with CSS styling choices like white and pink gradients and dark cyan headings. The author emphasizes the hardest parts: finding where to connect inputs to display logic, building the card elements correctly, and trimming input values for title and author. They also discuss a proposed change to add a 1 to 5 rating and show only available books, noting debugging through Googling and testing code from search results.</description></oembed>