Is there a way to use replaceChildren() on looped elements when hovering over them?
<!DOCTYPE html> <html lang=”en”> <head> <meta charset=”UTF-8″> <meta name=”viewport” content=”width=device-width, initial-scale=1.0″> <title>Document</title> <link rel=”stylesheet” href=”style.css”> <script src=”script.js” defer></script> </head> <body> <section class=”left-side”> <h1>Desserts</h1> <div class=”products”> <div class=”product”> <img src=”/assets/images/image-waffle-desktop.jpg” alt=”An image showing waffles with strawberries on top”> <div class=”add-to-cart”>Add to cart</div> <div class=”product-info”> <span class=”type-of-dessert”>Waffle</span> <h3 class=”name-of-dessert”>Waffle with berries</h3> <span class=”price”>$6.50</span> </div> </div> <div class=”product”> […]