Я хочу быть в состоянии удалить некоторый код, когда я нажимаю x в моем html. Но я не знаю, почему JavaScript не перебирает код. Когда я делаю console.log, он даже не проходит через цикл for. Может кто-нибудь помочь с этим?
var removeCartButton = document.querySelector('#deletebtn');
console.log(removeCartButton); //this works in my browser
for (var i = 0; i < removeCartButton.length; i++) {
console.log('clicked'); //doesn't work when I try to click
var button = removeCartButton[i];
button.addEventListener('click', function(event) {
console.log('clicked');
var buttonClicked = event.target;
buttonClicked.parentElement.parentElement.remove();
})
}
мой HTML-код:
<div class="align-right" id="deletebtn">×</div>