如果购物车是空的，如何提醒用户？Javascript HTML

<div id="cart-icon">
  <img src="cart-icon.png" alt="购物车图标">
  <span id="cart-count">0</span>
</div>

// 获取购物车图标和数量元素
var cartIcon = document.getElementById("cart-icon");
var cartCount = document.getElementById("cart-count");

// 假设购物车数据存储在一个数组中
var cartItems = [];

// 检查购物车是否为空
if (cartItems.length === 0) {
  // 购物车为空，显示提醒信息
  cartCount.style.display = "none"; // 隐藏购物车数量
  cartIcon.classList.add("empty"); // 添加一个CSS类来改变图标样式
  cartIcon.title = "购物车是空的"; // 设置鼠标悬停提示信息
} else {
  // 购物车不为空，显示购物车数量
  cartCount.style.display = "block";
  cartCount.textContent = cartItems.length;
  cartIcon.classList.remove("empty");
  cartIcon.title = "查看购物车";
}