Cuando hago clic en el botón, el nombre del producto desaparece y los valores numéricos y booleanos desaparecen.
const product = { name:'Gummy Bears', inStock:true, price:1.99, flavors:["grapes","apple","cherry"], printProduct: function () { const self = this; console.log(self) document.querySelector('.name').innerHTML = self.name; document.querySelector('.instock').innerHTML = this.inStock; document.querySelector('.price').innerHTML = this.price; document.querySelector('.flavors').innerHTML = this.flavors[0]; } } // product.printProduct() document.getElementById('button').addEventListener('click', product.printProduct)Probé de todo y no parece funcionar.