Javascript 从购物车中删除所选商品

Question

下面的这个函数允许用户点击菜单项并将其显示在购物车中。我现在想添加一些代码来授予用户从购物车中删除商品的权限。有什么建议吗？

function addToCart(H,D,P){
    document.getElementById('Cart').innerHTML += 
    document.getElementById(H).innerText + ' ' + 
    document.getElementById(D).innerText + '<br>' + '<br>'
    document.getElementById('Price').innerText = 
    Number(document.getElementById('Price').innerText) +
    Number(document.getElementById(P).innerText)
}

Answer 1

您可以为每个元素添加一个 class 名称，例如创建类似

的内容

let count=0

function addToCart(H,D,P){
    count= count+1
    let classnameH="myclassH"+count;
    let classnameD="myclassD"+count;
    let classnameP="myclassP"+count;
    document.getElementById('Cart').innerHTML += 
    document.getElementById(H).innerText + ' ' + 
    document.getElementById(D).innerText + '<br>' + '<br>'
    document.getElementById('Price').innerText = 
    Number(document.getElementById('Price').innerText) +
    Number(document.getElementById(P).innerText)
    document.getElementById(H).classList.add(classnameH);
    document.getElementById(D).classList.add(classnameD);
    document.getElementById(P).classList.add(classnameP);
}

function removeItem(H,D,P){
    document.getElementsByClassName(H)[0].remove();
    document.getElementsByClassName(D)[0].remove();
    document.getElementsByClassName(P)[0].remove();

}

Javascript 从购物车中删除所选商品

Javascript to remove selected items from cart

javascript

function

cart