Learn Basic OOP by Building a Shopping Cart - Step 29

JavaScript
1

Tell us what’s happening:

hi help me i don’t know why my code don’t pass : <<

productsContainer.innnerHTML += <div class="product" id="dessert${id}"></div>

; >>

Your code so far

<!-- file: index.html -->


/* file: script.js */
// User Editable Region

  addItem(id, products) {
    const product = products.find((item) => item.id === id);
    const { name, price } = product;
    this.items.push(product);

    const totalCountPerProduct = {};
    this.items.forEach((dessert) => {
      totalCountPerProduct[dessert.id] = (totalCountPerProduct[dessert.id] || 0) + 1;
    })

    const currentProductCount = totalCountPerProduct[product.id];
    const currentProductCountSpan = document.getElementById(`product-count-for-id${id}`);

    currentProductCount > 1 
      ? currentProductCountSpan.textContent = `${currentProductCount}x`
      : productsContainer.innnerHTML += `<div class="product" id="dessert${id}"></div>`;
  }

// User Editable Region

/* file: styles.css */

Your browser information:

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

Challenge Information:

Learn Basic OOP by Building a Shopping Cart - Step 29

Blockquote

2

it’s good now i see the problem myself it’s

innner