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

}