For loop only displaying last iteration Javascript

Question

I'm creating a for loop that adds a button to every link on the page. However, it's only adding the button to the last link of the array.

 // Vars let links = document.querySelectorAll(".ga"); let dropdownBtn = document.createElement("button"); // Call CreateBtn(); StyleLinks(); function CreateBtn() { dropdownBtn.id = "dropdown-btn"; } // Style and loop links function StyleLinks() { let count = 0; for (let i = count; i < links.length; i++) { links[i].style.color = "red"; links[i].appendChild(dropdownBtn); } }

Answer 1

Your code is creating 1 button and appending it to the tags, you need to create a new instance of the button every single time the loop runs.