why with this code when we console id[0] = popup-on and id[1] starting from right to left id[1] = contact

Question

const id = document.querySelectorAll("#popup-on, #myContact, #pop-p, #contact");
for (let i = 0; i < id.length; i++)

Answer 1

How are the elements organized in the page? in order of appearance ...

Perhaps it could help if you can share your code bit link?