In my attempt to attach onclick functionality to multiple buttons using DOM manipulation, I have encountered some challenges. The line
langButton.onclick = searchEngine(langButton);for (j = 0; j < applications[i].languages.length; j++) {
let langButton = document.createElement('button');
langButton.classList.add('btn-secondary');
langButton.innerHTML = `${applications[i].languages[j]}`;
langButton.onclick = searchEngine(langButton);
// console.log(langButton.innerHTML);
langDiv.appendChild(langButton);
}
The 'btn-secondary' class belongs to Bootstrap.
function searchEngine(button) {
return button
}
While the current implementation successfully returns the button, it unfortunately executes each time it attempts to set the onclick property. As a consequence, the buttons cease to function after being clicked. Conversely,
console.log(langButton.innerHTML)