onclick event function in JavaScript

Question

I have some JavaScript code in an HTML page with a button  I have a function called click   that handles the onClick event of the button  The code for the button is as follows   lt input type  quot button quot  onClick  quot click   quot  gt button text lt  input gt     The problem is that when the button is clicked  the function is not called  What am I doing wrong here

User · Answer

Today this also happened to me  The function name maybe conflicts with keywords  My case is scrape    I change the function name  everything works fine

User · Answer

I suggest you do       lt input type  button  value  button text  onclick  click    gt  Hope this helps you

User · Answer

Two observations    You should write    lt input type  button  value  button text    gt    instead of   lt input type  button  gt button text lt  input gt   You should rename your function  The function click   is already defined on a button  it simulates a click   and gets a higher priority then your method    Note that there are a couple of suggestions here that are plain wrong  and you shouldn t spend to much time on them    Do not use onclick  javascript myfunc     Only use the javascript  prefix inside the href attribute of a hyperlink   lt a href  javascript myfunc    gt   You don t have to end with a semicolon  onclick  foo    and onclick  foo     both work just fine  Event attributes in HTML are not case sensitive  so onclick  onClick and ONCLICK all work  It is common practice to write attributes in lowercase  onclick  note that javascript itself is case sensitive  so if you write document getElementById        onclick        then it must be all lowercase

User · Answer

Yes you should change the name of your function  Javascript has reserved methods and onclick        click    lt  lt  lt  lt  is one of them so just rename it  add an  s  to the end of it or something  strong text

User · Answer

One possible cause for an item not responding to an event is when the item is overlapped by another  In that case  you may have to set a higher z-index for the item you wish to click on

User · Answer

click   is a reserved word and already a function  change the name from click   to runclick   it works fine

User · Answer

Try fixing the capitalization  onclick instead of onClick  Reference  Mozilla Developer Docs

User · Answer

Try this   lt input type  button  onClick  return click     gt button text lt  input gt

User · Answer

Check you are calling same function or not    lt script gt function greeting   document write  hi     lt  script gt    lt input type  button  value  Click Here  onclick  greeting      gt

User · Answer

lt script gt      document  ready function      function showcontent             document getElementById  demo22   innerHTML    Hello World             end of ready function  lt  script gt    I had the same problem where onclick function calls would not work  I had included the function inside the usual    document  ready function        block used to wrap jquery scripts  Commenting this block out solved the problem

[javascript] onclick event function in JavaScript

Examples related to javascript

Examples related to html

Examples related to dom-events

Examples related to event-driven