I have checked the topics Javascript appendChild callback?. There, the target element is video, so the usage of loadedmetadata is the solution for that case.

//a.js let func1=function(){ console.log(p); } export default export func1; //index.js import func1 from “./a.js”; let p=1000; func1(); shows error p is undefined. But if a.js is like this //a.js let func1=function(){ document.querySelector(“.img1”).addEventListener(“click”,()=>{console.log(12)}) } export default export func1; it gets access to document variable and click listener logs 12 on a click. Can you explain why? […]

I’m working on a mailbox login page where I need to ensure that certain functions run in a specific order. First, an asynchronous function, and then a normal synchronous function. than another async function and than another normal.

<div class=”jest”> #shadow-root(closed) <br> <input type=”text”> </div> How do I detect that this jest class has a closed shadow root in it. Tried using .shadowRoot/ getRootNode, it returns null. Can someone help. javascript dom New contributor Saavi Varshney is a new contributor to this site. Take care in asking for clarification, commenting, and answering. Check […]

I am trying to dynamically create a list, by cloning a <li> item, and then dynamically fill in the values of that list. Strangely, I get only the second item out of my object in that list. I have tried to review the code I wrote, but I cannot seem to find the issue?

I am creating a Dynamic Tree of elements by using an Array Values maintaining the level by attribute value of Parent, which match from the element Button Text
I later on use as accordion.

Look at this! ElemRect receives the value from the function and I directly print the value to the console and the value of the two is different.
enter image description here
enter image description here
whats happening?