onclick event function in JavaScript

by

Two observations:

  1. You should write 

    <input type="button" value="button text" />

    instead of

    <input type="button">button text</input>

  2. 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="https://stackoverflow.com/questions/5453937/javascript:myfunc()". Only use the javascript: prefix inside the href attribute of a hyperlink: <a href="https://stackoverflow.com/questions/5453937/javascript:myfunc()">.
  • 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.

More Related Contents:

  1. How to make JavaScript execute after page load?
  2. Is it possible to append to innerHTML without destroying descendants’ event listeners?
  3. Document.write clears page
  4. How can I capture the right-click event in JavaScript? [duplicate]
  5. How to make HTML element resizable using pure Javascript?
  6. HTML input file selection event not firing upon selecting the same file
  7. How to pass parameter to function using in addEventListener?
  8. Adding an onclick event to a table row
  9. Javascript trick for ‘paste as plain text` in execCommand
  10. Jquery Event won’t fire after ajax call
  11. Want to add “addEventListener” on multiple elements with same class [duplicate]
  12. Pass mouse events through absolutely-positioned element
  13. Open popup and refresh parent page on close popup
  14. adding multiple event listeners to one element
  15. Ignore mouse interaction on overlay image
  16. Why don’t audio and video events bubble?
  17. Enter key press behaves like a Tab in Javascript
  18. Detect if HTML5 Video element is playing [duplicate]
  19. Perform action when clicking HTML5 datalist option
  20. HTML DOM: Which events do not bubble?
  21. How to Clear/Remove JavaScript Event Handler?
  22. Handling “onclick” event with pure JavaScript
  23. Looping through files for FileReader, output always contains last value from loop
  24. event.clipboardData.setData in copy event
  25. Popstate on page’s load in Chrome
  26. visibilitychange event is not triggered when switching program/window with ALT+TAB or clicking in taskbar
  27. Fire oninput event with jQuery
  28. Use JavaScript to intercept all document link clicks
  29. How to execute code in a javascript append
  30. Replacement for deprecated `keypress` DOM event

Leave a Comment