Я пытался следить за tutroail на YouTube: https://www.youtube.com/watch?v=YeFzkC2awTM Время: 35: 10
, однако предупреждение не работает, хотя при запуске кода ошибка не отображается.
*function addItemToCart(title, price, srcImage) {
var cartRow = document.createElement("div");
cartRow.classList.add("cart-row");
var cartItems = document.getElementsByClassName("cart-items")[0];
var cartItemNames = cartItems.getElementsByClassName("cart-item-title");
for (var i = 0; i < cartItemNames.length; i++) {
if (cartItemNames[i].innertext == title) {
alert("Item is already added to cart");
return;
}
}
var cartItemsContent = `
<div class="cart-item cart-column">*
<img class="cart-item-image" src="${srcImage}" width="100" height="100" />
<span class="cart-item-title">${title}</span>
</div>
<span class="cart-price cart-column">${price}</span>
<div class="cart-quantity cart-column">
<input class="cart-quantity-input" type="number" value="1" />
<button class="btn btn-danger cart-quantity-btn" type="button">
REMOVE
</button>
</div>
`;
cartRow.innerHTML = cartItemsContent;
cartItems.append(cartRow);
cartRow
.getElementsByClassName("btn-danger")[0]
.addEventListener("click", removeCartItems);
}