how to add event listener to all buttons

<button class="btn">
    Button1
</button>
<button class="btn">
    Button2
</button>
<button class="btn">
    Button3
</button>
<button class="btn">
    Button4
</button> //HTML

//JavaScript
var buttons = document.querySelectorAll(".btn").length;

for (var i = 0; i < buttons ; i++) {
    document.querySelectorAll(".btn")[i].addEventListener("click", function() {
        alert("Button Clicked");
    });
}

Add Own solution

Log in, to leave a comment

Are there any code examples left?

Find Add Code snippet

New code examples in category Other

Other 2023-03-27 22:50:10 how to select the whole line in vscode with keyboard shortcut
Other 2022-03-27 22:45:24 income of a web developer
Other 2022-03-27 22:35:01 \pyrcc_main.py: File does not exist 'resources.qrc'
Other 2022-03-27 22:30:45 rick roll embed code
Other 2022-03-27 22:20:08 Circuit_04_Potentiometer
Other 2022-03-27 22:20:05 iterative power
Other 2022-03-27 22:15:11 flutter run all
Other 2022-03-27 22:10:05 when is karlson release
Other 2022-03-27 22:10:02 wp .htaccess example
Other 2022-03-27 22:00:08 bash pause in file read line by line

Create a Free Account

Unlock the power of data and AI by diving into Python, ChatGPT, SQL, Power BI, and beyond.

Develop soft skills on BrainApps

Complete the IQ Test

Relative searches

add event listener to all button js add click event listener to all buttons addeventlistener on all buttons javascript add click listener to all buttons adding an event listener to all the buttons javascript add event handler to all button javascript add listener for all buttons addeventlistener to all buttons how to add event Listener on all buttons how to add eventListener on all buttons event listener for all buttons how to add addeventlistener to all buttons in html code add event listener for all buttons event listener or all buttons js add event listener to all buttons add event listener to all like buttons addeventlistener click all buttons javascript attach click event to foreach addeventlistener addEventListener forEach javascript addeventlistener to all buttons on page button.forEach addeventlistener add eventlistener to all buttons add event listener to button foreach in javascript with clcik for each add event listener foreach event listener runs only one js foreach addeventlistener queryselectorall addeventlistener foreach addeventlistener javascript to all buttons foreach in array addeventlistener javascript addeventlistener for each link addeventlistener button for each javascript add event listener to every button add eventlistener to every button addeventlistener javascript for all buttons js for each eventlistener how to add event listener in for eacth function one listener on all buttons for each addevent listener add event listener for each eventlistener foreach js event listener for each how to attach the same event listener to all buttons in java how to apply eventlistener with foreach how to add event listener in javascript for classname using forEach array foreach element addeventlistener for all buttons create addeventlistener add event listener to all button each addeventlistener foreach addeventlistener javascript addeventlistener to all buttons for each in an eventlistenere javascript event listener on all buttons add event listener to all buttons how to add event listener to all buttons

Made with love

Welcome Back!

Sign up to unlock all of IQCode features:

Test your skills and track progress
Engage in comprehensive interactive courses
Commit to daily skill-enhancing challenges
Solve practical, real-world issues
Share your insights and learnings

Create an account

Create a Free Account

Sign up to unlock all of IQCode features:

Test your skills and track progress
Engage in comprehensive interactive courses
Commit to daily skill-enhancing challenges
Solve practical, real-world issues
Share your insights and learnings

Create an account

Creating a new code example