Estoy creando una página de "Carrito" y necesito enviar los datos del artículo usando el botón "Agregar al carrito". Esta es la función en Javascript.

 function addProductToCart(title, priceTag, productImage) { var cartShopBox = document.createElement('div') cartShopBox.classList.add('sm-product') var cartItems = document.getElementsByClassName('cartContainer')[0]; var cartItemsNames = document.getElementsByClassName('sm-product-title'); for (var i = 0; i < cartItemsNames.length; i++) { if (cartItemsNames[i].innerText == title) { alert('you already have this in your cart!'); return; } } var cartBoxContent = ` <img src="${productImage}" class="sm-product-img" alt="" /> <div class="sm-text"> <p class="sm-product-title"> ${title} </p> </div> <div class=”prices”> <div class="sm-price">${priceTag}</div> </div> <i class="delete">Remove</i> `; cartShopBox.innerHTML = cartBoxContent; cartItems.append(cartShopBox); cartShopBox.getElementsByClassName('delete')[0].addEventListener('click', removeCartItem); }

Ahora, esto me da un "Error de tipo no detectado: no se pueden leer las propiedades de undefined (leyendo 'agregar'). Este código javascript se encuentra en el archivo productdetails.html y el archivo cart.html, pero no me permite agregar el título , imagen y precio al carrito html.