No puedo acceder a las funciones externas de argsButtons var y no sé por qué
HTML:
<div class="args-container" id="args"> <button type="button" id="nuclear">click to see nuclear</button> <button type="button" id="geothermal">click to see geothermal</button> </div>JavaScript:
let argsButtons; window.onload = function(){ argsButtons = Array.from(document.getElementById("args").children); } //HERE IS THE ERROR (argsButtons is undefined) argsButtons.forEach(e => e.addEventListener("click", myFunc()))¡No es necesario que cargues esos botones! simplemente puedes hacer esto:
const argsContainer = document.querySelector('.args-container'); const argsButtons = argsContainer.querySelectorAll('button'); function myFunc() { console.log('clicked!') } argsButtons.forEach((button) => { button.addEventListener('click', myFunc); });