Tengo una función createStuff que se llama cuando se carga el cuerpo html
dentro de la función hay un detector de eventos btn.addEventListener("click", notes); que llama a la función notes
al hacer clic en el botón no se muestra en la consola que createStuff se invoca nuevamente
el comportamiento esperado sería que createStuff estaría visible porque el detector de eventos está en createStuff
¿Hay alguna manera de mostrar quién invocó la función?
<body onload="createStuff()"> <div class="container"> <button class="btn" type="button">add</button> <ul class="list-group"></ul> </div> <script src="./function.caller.js"></script> </body> function notes() { console.log("gets called inner ---notes"); // function caller const li = document.createElement("li"); const liText = document.createElement("textarea"); liText.setAttribute("cols", 12); liText.setAttribute("rows", 6); li.appendChild(liText); const ul = document.querySelector("ul"); ul.appendChild(li); } function createStuff() { const btn = document.querySelector(".btn"); btn.addEventListener("click", notes); console.trace(); console.log("gets called --- createNotes"); }