How to check whether a Button is clicked by using JavaScript

Question

Is there a simple way to do something along these lines   JavaScript   if document getElementById  button   clicked    true       alert  button was clicked        HTML    lt input id  button  type  submit  name  button  value  enter   gt

User · Answer

if button clicked  true        console log  quot Button Clicked quot         gt     This Code Doesn t Work Properly So Please Use Below One       function check          console log  quot Button Clicked quot          This Code Works Fine      var button  document querySelector  quot button quot       Accessing The Button     button addEventListener  quot click quot   check      Adding event to call function when clicked

User · Answer

This will do it   lt input id  button  type  submit  name  button  onclick  myFunction     value  enter   gt    lt script gt  function myFunction        alert  You button was pressed           lt  script gt

User · Answer

You can add a click event handler for this   document getElementById  button   onclick   function        alert  button was clicked           This will alert when it s clicked  if you want to track it for later  just set a variable to true in that function instead of alerting  or variable   if you want to count the number of clicks  whatever your ultimate use is   You can see an example here

User · Answer

Just hook up the onclick event    lt input id  button  type  submit  name  button  value  enter  onclick  myFunction      gt

User · Answer

Try adding an event listener for clicks  document getElementById  button   addEventListener  quot click quot   function        alert  quot You clicked me quot           Using addEventListener is probably a better idea then setting onclick - onclick can easily be overwritten by another piece of code  You can use a variable to store whether or not the button has been clicked before  var clicked   false document getElementById  button   addEventListener  quot click quot   function        clicked   true        addEventListener on MDN

User · Answer

All the answers here discuss about onclick method  however you can also use addEventListener     Syntax of addEventListener    document getElementById  button   addEventListener  click   function defination      The function defination above is known as anonymous function   If you don t want to use anonymous functions you can also use function refrence   function functionName      function defination      document getElementById  button   addEventListener  click  functionName     You can check the detail differences between onclick   and addEventListener   in this answer here

[javascript] How to check whether a Button is clicked by using JavaScript

Examples related to javascript

Examples related to dom-events