Build a Favorite Icon Toggler - Build a Favorite Icon Toggler

JavaScript
1

Tell us what’s happening:

unable to get through to 8 and 9, seems java file is not picking up

Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <title>Favorite Icon Toggler</title>
    <link rel="stylesheet" href="styles.css" />
  </head>

  <body>
     <script src="script.js"></script>
    <ul class="item-list">
      <li>dress <button class="favorite-icon">&#9825;</button></li>
      <li>footwear <button class="favorite-icon">&#9825;</button></li>
      <li>jewelery <button class="favorite-icon">&#9825;</button></li>
      </ul>

 
  </body>
</html>

/* file: styles.css */
.filled{
  color:red;
}

/* file: script.js */
const btn=document.querySelectorAll(".favorite-icon");

btn.forEach((item)=>
{
item.addEventListener("click",()=>
{
  if(item.classList.contains("filled"))
  {
    item.classList.remove("filled");
    item.innerHTML="&#9825;";
  }
  else{
     item.classList.add("filled");
    item.innerHTML="&#10084;";
  }
});

});

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/146.0.0.0 Safari/537.36 Edg/146.0.0.0

Challenge Information:

Build a Favorite Icon Toggler - Build a Favorite Icon Toggler

2

is the script element where it ought to be? Or should it be at the end of the body?