Build a Favorite Icon Toggler - Build a Favorite Icon Toggler

JavaScript
1

Tell us what’s happening:

je comprends pas bien comment faire que le test 7 soit reussi

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>
  <ul class="item-list">
    <li>sourrire<button class="favorite-icon">&#9825;</button></li>
    <li>fache<button class="favorite-icon">&#9825;</button></li>
    <li>confus<button class="favorite-icon">&#9825;</button></li>
  </ul>
  <script src="script.js"></script>
  </body>
</html>

/* file: styles.css */


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

for(let x of btn){
  x.addEventListener("click",()=>{
    x.classList.toggle("filled")
   const filled=document.querySelector(".filled")
if(x.classList.contains("filled")){
x.innerHTML="&#10084;"
}else{x.innerHTML="&#9825;"
}})
}

Your browser information:

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

Challenge Information:

Build a Favorite Icon Toggler - Build a Favorite Icon Toggler

2

Are you sure you are toggling this with the expected values?

3

oui les valeurs je l’ai copiait juste pour evite toute erreur de ma part

4

But isn’t this the entity for a .filled heart?