Can someone please tell me whats going on with this code? The second eventListener is not working:
js:
const button = document.querySelector(“.btn”);
// First event listener: Log a message when the button is clicked
button.addEventListener(“click”, () => {
console.log(“Button was clicked - First listener”);
});
button.addEventListener(“click”, () => {
// Check if the button exists and apply the style
if (button) {
button.style.backgroundColor = “red”;
console.log(“Button color changed to blue - Second listener”);
} else {
console.error(“Button element not found”);
}
});
html:
ike sanbox Button