<!DOCTYPE html>
<html>
<head>
<script>
var cart = document.createElement("div");
cart.classList.add("cart-row");
var cart_products = document.getElementsByClassName("cart-items");
var cartContent = `<div class="cart-item">
<span class="cart-item-title">FruitCereal</span>
</div>
<span class="cart-price">26.90€</span>
<div class="cart-quantity">
<input class="cart-quantity-input" type="number" value="1">
<button class="btn btn-danger" type="button">REMOVE</button>
</div>`
cart.innerHTML = cartContent;
cart_products.append(cart);
</script>
</head>
<body>
<div class="cart-items">
</div>
</body>
He shows me the error "Uncaught TypeError: cart_products.append is not a function". The same happends with appendChild and .push. I think that I approach the matter completely wrong and overlook something or have misunderstood something.