How to change only one variable into multiple p tags? My code does not working.
Link to the entire code on CodePen: https://codepen.io/xxiirr/pen/zYPBqEa
At the beginning, the quantity of the first three products is equal to 10 and the quantity of the fourth product is 5. After pressing the button, the quantity of all products changes to 6. I know why it doesn’t work well but I don’t know how to change it to work properly. The problem is probably in the part of the code responsible for update, i.e. updatedProductsList. Attached below.
JavaScript
const updatedProductsList = () => {
products.map((item) => {
document.querySelectorAll("span").forEach((e) => {
e.innerText = `${item.getCurrentCount()}`;
});
});
};
HTML
<body>
<div class="product">
<h2 id='products'>
`Number of products: ${products}
</h2>
</div>
<button type="button" onclick="Product.add()">Increase the quantity by one</button>
</body>