Javascript 单击并在数组上的两个类之间切换（无JQuery）

我需要做一个网站，我可以添加一些东西到购物车。我不需要存储任何数据，所以只需将类更改为“addedInCart”就足够了。到目前为止，这就是我所拥有的，但它还不起作用。我知道我得到的所有类名都以数组形式返回。我只是不知道如果按了按钮怎么改。我用addEventListener和toggle做了很多尝试，但我刚刚开始编码，还不是所有的事情都很清楚。我不允许使用Jquery，只允许使用HTML和Javascript

这是我在Javascript中的内容：

var buyMe = document.getElementsByClassName("materials-icon");

function shoppingcart() {
        for(let i = 0; i < buyMe.length; i++){
            buyMe[i].classList.toggle("addedInCart");
            buyMe[i].addEventListener("click", toggleClass, false)
        }

    }

var buyMe=document.getElementsByClassName（“材料图标”）；
函数shoppingcart（）{
for（设i=0；i

这是我的按钮的外观：

<button class="material-icons" onclick="shoppingcart()">&#xe8cc;</button>

和#xe8cc；

谢谢你抽出时间

用于能够使用一个处理程序。使用验证按钮是否为用于添加到购物车的按钮。比如：

document.addEventListener（“单击”，句柄）；
函数句柄（evt）{
常量原点=evt.target；
if（origin.dataset.cartToggle）{
//^如果元素具有属性数据购物车切换。。。
origin.classList.toggle（“addedInCart”）；
//^…切换类
}
};
.addedInCart{
颜色：红色；
}
.addedInCart:之后{
内容：“（在购物车中，单击以删除）”；
}
购买
购买
购买
首先，它应该是
材料图标
而不是
材料图标
，根据您在JS中的HTML元素类，它是一个打字错误。所以其他一切都很好，
buyMe[i]的用途是什么？addEventListener（“click”，toggleClass，false）
？谢谢，这很有效！谢谢你的时间，你帮了我很多！