Javascript und HTML-Defer-Tag funktionieren nicht ⇐ HTML

[Anonymous]

Die folgende Javascript-Funktion funktioniert perfekt, wenn sie sich am Ende der HTML-Datei befindet. Ich benötige es jedoch in der Datei main.js. Es wurde vorgeschlagen, dass das Hinzufügen des Defer-Tags zum Skript-Tag dies ermöglichen würde, aber leider nicht. Es druckt das erste console.log, stoppt dann aber. Irgendwelche Vorschläge?

Code: Select all

Code: Select all

// function to add items to shopping
let cartbutton = document.getElementsByName('ropebutton');
console.log(cartbutton) // prints node []
const cart = [];

for(var i = 0; i < cartbutton.length; i++) {
let button = cartbutton[i];
console.log(button); // doesn't print
button.addEventListener('click', (event) => {
console.clear();
console.log(event.target);
console.log(event.target.dataset.test);
cart.push(event.target.dataset.test);
console.log(cart)
});
};

Code: Select all

[img]static/111.jpg[/img]
$4,500 buy
[img]static/112.jpg[/img]
$3,500 buy
[img]static/113.jpg[/img]
$1,550 buy
```