Learn Basic OOP by Building a Shopping Cart - Step 26

JavaScript
1

Tell us what’s happening:

Having real trouble using “id” in document.getElementById. It keeps saying to use a template literal which I already am. Any help would be really appreciated as I’m really stumped. Thanks!

Your code so far

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


/* file: styles.css */


/* 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(`"${id}"`);
  }

// User Editable Region

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:130.0) Gecko/20100101 Firefox/130.0

Challenge Information:

Learn Basic OOP by Building a Shopping Cart - Step 26

2

A template literal uses backticks but you have double quotes inside of backticks which is not what is needed for getElementById.

You will also need to read the instructions again to use the correct id value.

1 Like
3

Figured it out. Thank you!
Think I’d been at it too long and scrambled my brain. Had a break and went and reread the instructions and figured it out.
Thanks for the help

1 Like