本地存储实现购物车的添加

---

前言

在这里将会简单实现将商品放入本地存储中，同时点击后在右侧显示

---

提示：以下是本篇文章正文内容，下面案例可供参考

一、静态页面的搭建

<div class="box">
        <div id="commodity">
            <div class="articles">
                <div class="Picture"><img src="./img/d29d2f7bea40b3bb.jpg.webp" alt="" width="100px"></div>
                <p>Redmi k50Pro</p>
                <span>¥2619.00</span>
            </div>
            <div class="articles">
                <div class="Picture"><img src="./img/2.webp" alt="" width="100px"></div>
                <p>欧臻廷保湿</p>
                <span>¥1380.00</span>
            </div>
            <div class="articles">
                <div class="Picture"><img src="./img/3.webp" alt="" width="100px"></div