商品加入购物车，出现红点js

实现这个功能，可以通过以下步骤：

1. 在商品加入购物车时，通过 JavaScript 统计购物车中商品的数量，并将数量显示在红色圆点上。

2. 为红色圆点添加 CSS 样式，使其看起来像一个红色圆形背景，以突出显示。

3. 添加鼠标事件，当用户将鼠标悬停在红色圆点上时，显示购物车的详细信息。

以下是一个简单的实现代码：

// 获取购物车中商品数量
var itemCount = getCartItemCount();

// 获取红色圆点元素
var redDot = document.getElementById("red-dot");

// 设置红色圆点的数量
redDot.innerHTML = itemCount;

// 设置红色圆点的样式
redDot.style.backgroundColor = "red";
redDot.style.borderRadius = "50%";
redDot.style.width = "20px";
redDot.style.height = "20px";
redDot.style.padding = "2px";

// 添加鼠标事件，显示购物车详细信息
redDot.addEventListener("mouseover", function() {
  showCartDetails();
});

其中，`getCartItemCount()` 函数用于获取购物车中商品的数量，`red-dot` 是红色圆点的 HTML 元素 ID，`showCartDetails()` 是显示购物车详细信息的函数。