Why can’t I call a function named clear from an onclick attribute?

by

Intrinsic event attributes (like onclick) are horrible. Internally they implement with:

Use of the with statement is not recommended, as it may be the source of confusing bugs and compatibility issues.

Consequently, you are actually calling document.clear() instead of your global clear().

The quick fix for this is to rename the function to something else or explicitly call window.clear().

The better solution is to bind your event handlers with addEventListener instead of intrinsic event attributes.

enter image description here

More Related Contents:

  1. How to have html popup appear over main html page?
  2. jQuery document.getElementById() issue
  3. How to change all elements with the same IDs javascript/html? [duplicate]
  4. Get cursor position (in characters) within a text Input field
  5. Print the contents of a DIV
  6. How do I target only Internet Explorer 10 for certain situations like Internet Explorer-specific CSS or Internet Explorer-specific JavaScript code?
  7. Insert ellipsis (…) into HTML tag if content too wide
  8. Adjust width of input field to its input
  9. How do I cancel form submission in submit button onclick event?
  10. ES2015 import doesn’t work (even at top-level) in Firefox
  11. How to pass parameters on onChange of html select
  12. HTML tag want to add both href and onclick working
  13. Stop User from using “Print Scrn” / “Printscreen” key of the Keyboard for any Web Page
  14. Getting binary (base64) data from HTML5 Canvas (readAsBinaryString)
  15. Convert HTML to data:text/html link using JavaScript
  16. offsetting an html anchor to adjust for fixed header [duplicate]
  17. Creating SVG elements dynamically with javascript inside HTML
  18. How to use Javascript to read local text file and read line by line?
  19. How FileReader.readAsText in HTML5 File API works?
  20. Open a new javascript window(.open) along with its CSS styling
  21. How to Disable Copy Paste (Browser)
  22. How to use google.maps.event.trigger(map, ‘resize’)
  23. option.style.display = “none” not working in safari [duplicate]
  24. How to recall or restart MathJax?
  25. How to show setCustomValidity message/tooltip without submit event
  26. In AngularJS, any inline javascript code that included in HTML templates doesn’t work
  27. Trigger standard HTML validation (form) without using submit button? [duplicate]
  28. Replacing Entire Page Including Head Using Javascript
  29. Remove ‘All Files’ option from HTML file input
  30. How to highlight a part part of an Input text field in HTML using Javascript or JQuery

Leave a Comment