Shopping Cart Function Developer

let cart = []; let total = 0; document.querySelectorAll('.add-to-cart').forEach(button => { button.addEventListener('click', () => { const name = button.getAttribute('data-name'); const price = parseFloat(button.getAttribute('data-price')); cart.push({ name, price }); total += price; updateCart(); }); }); function updateCart() { document.getElementById('cart-btn').textContent = `Cart (${cart.length})`; const cartItems = document.getElementById('cart-items'); cartItems.innerHTML = ''; cart.forEach(item => { const li = document.createElement('li'); li.textContent = `${item.name} - $${item.price}`; cartItems.appendChild(li); }); document.getElementById('total').textContent = total.toFixed(2); } document.getElementById('cart-btn').addEventListener('click', () => { document.getElementById('cart-modal').style.display = 'block'; }); document.querySelector('.close').addEventListener('click', () => { document.getElementById('cart-modal').style.display = 'none'; }); document.getElementById('checkout-btn').addEventListener('click', () => { alert('Checkout not implemented yet! This is a demo.'); }); function scrollToToys() { document.getElementById('toys').scrollIntoView({ behavior: 'smooth' }); }