请告诉我,我怎么做的HTML CSS Javascript网站。如果产品不在购物车中,然后显示一个文本“您的车是空的”。如果产品在购物车中,隐藏文本“你的购物车是空的".在Html中有几个带有class . button的按钮,用户点击这些按钮并将产品添加到购物车中.购物车中也有带有class的已添加产品. basket__item.用来删除cart中的项目的按钮类. delete.最后是文本类.text_Empty_cart.我试着通过数组来完成,但是没有效果.我试着通过NodeList集合来完成,但是没有效果.
function Cart_check() {
const btns_array = [...document.querySelectorAll(".buttons")];
const cart_Items_array = [...document.querySelectorAll(".basket__item")];
var text_Empty_cart = document.querySelector(".text_Empty_cart");
for (var i = 0; i < btns_array.length; i++) {
btns_array.addEventListener("click", () => {
for (var j = 0; j < cart_Items_array.length; i++) {
if (cart_Items_array[j] > 0) {
text_Empty_cart.style.display = "none";
} else {
text_Empty_cart.style.display = "block";
}
}
});
}
}
Cart_check();
这是我的一项努力。我很高兴得到任何帮助!
2条答案
按热度按时间wixjitnu1#
首先,也许您应该使用
j++
。第二,看起来脚本将重置可见性。也许你应该:
4nkexdtk2#
你还没有分享你的HTML,所以,目前我们只能猜测。
下面我给出了一个工作片段,它将使
.empty__basket
div在购物车中有元素时立即消失:Cart_check()
函数现在几乎变得微不足道:它只是检查.basket__item
元素是否存在,并相应地设置.text_Empty_cart
元素的可见性。