CODEWITHSUNDEEP
javascriptjqueryhtml
user6758349
user6758349

Reputation:

How to add onclick to an element using Javascript

I have an HTML button like so:

<div class="row text-center">
   <button id="button1" type="submit" class="btn btn-primary">Submit</button>
</div>

I'd like to add an onclick behavior for it via Javascript. It should call another function. I have tried this:

$("#button1").addEventListener("click", showAlert());

However, the browser is complaining that $(...).addEventListener is not a function. What should I do instead?

Upvotes: 1

Views: 90

Answers (3)

chickahoona
chickahoona

Reputation: 2034

You could try the following:

$( "#button1" ).bind( "click", showAlert);

Upvotes: 0

j08691
j08691

Reputation: 207901

With jQuery you can use .on():

$("#button1").on("click", showAlert);

or

$("#button1").click(showAlert);

addEventListener is a plain JavaScript method and you're trying to use it on a jQuery object. You could dereference the jQuery object using .get(0) and use it like:

$("#button1").get(0).addEventListener("click", showAlert);

or

$("#button1")[0].addEventListener("click", showAlert);

but there's really no reason.

Upvotes: 1

R Dhaval
R Dhaval

Reputation: 546

try jquery function:

$("#button1").click(function() {
.. whatever you want to do on click, goes here...
}) ;

Upvotes: 0

Related Questions