请设计一个简单的前端购物车系统，要求具备添加商品、删除商品和计算总价的功能。请说明设计思路和关键代码实现。

答题要点

推荐答题框架：采用 STAR 法则，先说明系统设计的背景（Situation），再阐述设计目标（Task），接着描述设计思路和代码实现步骤（Action），最后提及可能的效果（Result）。关键要点：1. 设计思路：使用 HTML 构建购物车页面结构，CSS 进行样式设计，JavaScript 实现交互逻辑。2. 添加商品：通过点击按钮触发事件，将商品信息添加到购物车列表。3. 删除商品：点击删除按钮，从购物车列表中移除相应商品。4. 计算总价：遍历购物车列表，累加商品价格。示例思路：首先设计一个简单的 HTML 页面，包含商品列表和购物车区域。然后使用 JavaScript 监听按钮点击事件，实现添加和删除商品的功能。最后通过循环计算总价并显示在页面上。