La función toggleLid definida en mi clase no funciona cuando se llama en un detector de eventos. Los objetos individuales de 'mochila' se definen en otra parte. El navegador no arroja ningún error en la consola. ¡Cualquier consejo es apreciado!

 function Backpack ( name, lidOpen ) { this.name = name; this.lidOpen = lidOpen; this.toggleLid = (lidStatus) => { this.lidOpen = lidStatus; }; }; const backPackList = [bag1, bag2]; const content = backPackList.map((backpack) => { let backpackArticle = document.createElement("article"); backpackArticle.classList.add("backpack"); backpackArticle.setAttribute("id", backpack.id) backpackArticle.innerHTML = ` <h1>${backpack.name}<h1> <h2>${backpack.lidOpen}<h1> <button class='lid-toggle'>Toggle Lid</button> `; const button = backpackArticle.querySelector(".lid-toggle") button.addEventListener("click", () => { backpack.toggleLid(!backpack.lidOpen) }) return backpackArticle; });