Function 如何在javascript中访问函数外部的局部变量?
我试图访问我在DeleteItem的addToCart中定义的这些元素;我知道它们是本地的,但我不能在函数之外定义它们,因为我通过单击addToCart按钮获得它们 那么,我该如何使用这里的“删除”按钮呢Function 如何在javascript中访问函数外部的局部变量?,function,events,scope,global,local,Function,Events,Scope,Global,Local,我试图访问我在DeleteItem的addToCart中定义的这些元素;我知道它们是本地的,但我不能在函数之外定义它们,因为我通过单击addToCart按钮获得它们 那么,我该如何使用这里的“删除”按钮呢 const productImage = event.target.previousElementSibling.firstElementChild.src; const pos = productImage.indexOf("img") + 3; co
const productImage = event.target.previousElementSibling.firstElementChild.src;
const pos = productImage.indexOf("img") + 3;
const imagePath = productImage.slice(pos);
const productName = event.target.previousElementSibling.lastElementChild.children[0].textContent;
const productPrice = event.target.previousElementSibling.lastElementChild.children[1].textContent;
const div = document.createElement("div");
div.classList.add("item");
div.classList.add("prodItem");
div.innerHTML = `
<img src="img${imagePath}" alt="">
<p class="name">${productName}</p>
<p class="detail"><span class="prodPrice">${productPrice}</span><span><input min="1" class="num" type="number" value="4"></span> <span class="del" href="#">Delete</span></p>
`;
shoppingCartWrapper.append(div);
}
function deleteItem(){
const item = event.target.parentElement.parentElement;
item.remove();
}
const main = () => {
// Add To Cart
addToCartBtn.forEach(element => {
element.addEventListener("click",addToCart)
});
// Delete Button
deleteBtn.forEach(element => {
element.addEventListener("click",deleteItem)
});
}
main();
const productImage=event.target.previousElementSibling.firstElementChild.src;
const pos=productImage.indexOf(“img”)+3;
const imagePath=productImage.slice(pos);
const productName=event.target.previousElementSibling.lastElementChild.children[0]。textContent;
const productPrice=event.target.previousElementSibling.lastElementChild.children[1].textContent;
const div=document.createElement(“div”);
div.classList.add(“项目”);
div.classList.add(“prodItem”);
div.innerHTML=`
${productName}
${productPrice}删除
`;
shoppingCartWrapper.append(div);
}
函数deleteItem(){
const item=event.target.parentElement.parentElement;
项。删除();
}
常量main=()=>{
//添加到购物车
addToCartBtn.forEach(元素=>{
元素。addEventListener(“单击”,addToCart)
});
//删除按钮
deleteBtn.forEach(元素=>{
元素。addEventListener(“单击”,删除项)
});
}
main();