[ad_1]
I am making a digital shop and want to add eventlisteners to delete items from my cart. I am using firebase for my project. When I press my buttons, nothing happens because there is no eventListener attached to the button for some reason. In the picture (if it works) there is no “click” eventListener. How can I fix the eventListener?
function getCart() {
db.collection("user").where("uid", "==", auth.currentUser.uid).get().then((snapshot) =>{
dokumenter = snapshot.docs;
dokument = dokumenter[0].data();
cartHTML.innerHTML = ""
cartHTML.innerHTML += "<div id='cartHeader'>"+dokument.firstNamee +"'s cart</div>"
console.log(dokument.Cart);
if (dokument.Cart == 0) {
cartHTML.innerHTML = "<div id='emptyCart'>Cart is empty</div>"
} else {
for (let i = 0; i < dokument.Cart.length; i++) {
carAmount = dokument.Cart[i].amount;
carModel = dokument.Cart[i].id;
let cartDIV = document.createElement("div");
cartDIV.setAttribute("class", "cartDIV");
cartDIV.setAttribute("id", "cart"+dokument.Cart[i].id);
let deleteFromCartBTN = document.createElement("button");
deleteFromCartBTN.setAttribute("class", "deleteBTN");
deleteFromCartBTN.setAttribute("data-id", dokument.Cart[i].id);
// deleteFromCartBTN.setAttribute("id", "delete"+dokument.Cart[i].id)
deleteFromCartBTN.innerHTML = "Slett fra handlekurv"
let minus = document.createElement("button");
minus.setAttribute("class", "minusCart");
minus.setAttribute("data-id", dokument.Cart[i].id);
minus.innerHTML = "-";
minus.addEventListener("click", minusCart)
let pluss = document.createElement("button");
pluss.setAttribute("class", "plussCart");
pluss.setAttribute("data-id", dokument.Cart[i].id);
pluss.innerHTML = "+";
pluss.addEventListener("click", plussCart)
let modelDIV = document.createElement("div");
modelDIV.setAttribute("class", "modelDIV");
modelDIV.innerHTML = "Model:" + " " + dokument.Cart[i].id;
let amountDIV = document.createElement("div");
amountDIV.setAttribute("class", "amountDIV");
amountDIV.innerHTML = "Amount:" + " " +dokument.Cart[i].amount;
console.log();
cartDIV.appendChild(pluss)
cartDIV.appendChild(minus)
cartDIV.appendChild(modelDIV);
cartDIV.appendChild(deleteFromCartBTN);
cartDIV.appendChild(amountDIV);
cartHTML.appendChild(cartDIV);
deleteFromCartBTN.addEventListener("click", deleteItemCart)
}
}
})
}
[ad_2]