How To Call A Javascript Function From Inside Jquery When An ID is Clicked

Question

Let's say I have a javascript function called capturedata(); I need to call this function when this button is clicked

<button id='yes'></button> 

For some reasons, I do not want to use any event handler on the html like onclick='capturedata()' Now I have use Jquery this way

$(document).ready(function(){
  $("#yes").click();
  capturedata();
});

But this is not working. I need a better way to handle this, and I do not want to use any event handler like onclick on the html. I want the action to happen automatically once the button is clicked.

Answer 1

Almost but not quite, you'll need to register capturedata as the callback for the click event.

$(document).ready(function(){
    $("#yes").click(capturedata);
});

Answer 2

Your click method requires a callback function as its first argument

eg .click(() => {})

see DOCS

Note how calling .click() will invoke a click event and not listen for one.

Suggestion : use addEventListener('click', {yourCallback}) see DOCS

Answer 3

$(document).ready(function(){
  $("#yes").click(function(){
    capturedata();
    // some code
  });
});