Tengo una primera función que tiene otra función como parámetro. ¡Y esta función crea un elemento DOM que debe tener el atributo onclick con esta función de parámetro que proviene de la primera función! Así como esto:
function funcOne(name,callback) { let button = document.createElement("button"); button.setAttribute("id","myBtn"); button.innerHTML = "Go to Func 2"; button.setAttribute("onclick","funcTwo(this,'"+name+"','"+callback+"')"); document.body.appendChild(button); } function funcTwo(element,name,callback) { let elementId = element.id; let yourName = name; console.log(yourName); callback(); } funcOne('John',function(){alert('Holly cow!');});¡Creo que el error ocurre en el momento "setAttribute"! Y la única solución que veo es establecer:
globalThis.myGlobalCallback= callback;Dentro de la funcOne. ¡Entonces puedo llamar a "myGlobalCallback()" desde funcTwo y descartar el uso de datos setAttribute durante la creación del elemento! (Porque solo puedo configurar ("onclick","myGlobalCallback()"); Pero esta no es la mejor manera, ¿verdad?
¡Gracias por cualquier ayuda!
Asigne el detector de eventos utilizando un detector de eventos de JavaScript en lugar de un atributo HTML, y podrá hacer referencia al name dentro del cierre de funcOne en lugar de hacerlo (o la devolución de llamada) global.
function funcOne(name, callback) { const button = document.createElement("button"); button.id = 'myBtn'; button.textContent = "Go to Func 2"; button.addEventListener('click',() => { funcTwo(button, name, callback); }); document.body.appendChild(button); } function funcTwo(element, name, callback) { const elementId = element.id; const yourName = name; console.log(yourName); callback(); } La mejor práctica es nunca usar controladores en línea (es decir, onclick="..." en el HTML); en su lugar, use addEventListener y muchos de sus problemas de alcance (y tediosos problemas de cotización) desaparecerán.