The latest articles on DEV Community by Jodie Farghly (@jodie_farghly_26214dcc8c0). https://dev.to/jodie_farghly_26214dcc8c0 https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F3559801%2Fa2cf7530-83be-41aa-9385-8838d0b1de0c.png https://dev.to/jodie_farghly_26214dcc8c0 en Jodie Farghly Sat, 11 Oct 2025 22:01:21 +0000 https://dev.to/jodie_farghly_26214dcc8c0/online-4gh3 https://dev.to/jodie_farghly_26214dcc8c0/online-4gh3 <p>`</p> <p><code></code>`</p> <p><code>`<br> let cart = JSON.parse(localStorage.getItem('cart')) || [];<br> function addToCart(name, price) {<br> cart.push({ name, price });<br> localStorage.setItem('cart', JSON.stringify(cart));<br> updateCart();<br> }<br> function updateCart() {<br> document.getElementById('cart-count').textContent = cart.length;<br> const cartItems = document.getElementById('cart-items');<br> const total = cart.reduce((sum, item) =&gt; sum + item.price, 0);<br> cartItems.innerHTML = cart.map(item =&gt; `&lt;li&gt;${item.name} - $${item.price.toFixed(2)}&lt;/li&gt;`).join('');<br> document.getElementById('cart-total').textContent = total.toFixed(2);<br> }<br> function checkout() {<br> if (cart.length === 0) {<br> alert('Your cart is empty!');<br> } else {<br> alert(`Proceeding to checkout for $${document.getElementById('cart-total').textContent}. (Demo only!)`);<br> cart = [];<br> localStorage.removeItem('cart');<br> updateCart();<br> }<br> }<br> // Initialize cart on load<br> updateCart();<br> `</code></p> beginners frontend javascript