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(".g a");
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);
}
}>Solution :
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.