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

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

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();

}