Same as the title, don’t name your global JavaScript function I learned the hard way not to use Given the example below:<\/p>\n and clicking the I found this very cool StackOverflow explanation<\/a> of why is that. The gist of it is that this way the document.clear<\/a> function is being called, and simply renaming it to something like TL;DR Same as the title, don’t name your global JavaScript function clear. TL;DR I learned the hard way not to use clear as the name for my global…<\/p>\n","protected":false},"author":1,"featured_media":4137,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[27],"tags":[],"class_list":["post-4136","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-javascript"],"_links":{"self":[{"href":"https:\/\/nikola-breznjak.com\/blog\/wp-json\/wp\/v2\/posts\/4136","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nikola-breznjak.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/nikola-breznjak.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/nikola-breznjak.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nikola-breznjak.com\/blog\/wp-json\/wp\/v2\/comments?post=4136"}],"version-history":[{"count":1,"href":"https:\/\/nikola-breznjak.com\/blog\/wp-json\/wp\/v2\/posts\/4136\/revisions"}],"predecessor-version":[{"id":4138,"href":"https:\/\/nikola-breznjak.com\/blog\/wp-json\/wp\/v2\/posts\/4136\/revisions\/4138"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/nikola-breznjak.com\/blog\/wp-json\/wp\/v2\/media\/4137"}],"wp:attachment":[{"href":"https:\/\/nikola-breznjak.com\/blog\/wp-json\/wp\/v2\/media?parent=4136"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/nikola-breznjak.com\/blog\/wp-json\/wp\/v2\/categories?post=4136"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/nikola-breznjak.com\/blog\/wp-json\/wp\/v2\/tags?post=4136"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}clear<\/code>.<\/p>\nTL;DR<\/h2>\n
clear<\/code> as the name for my global JavaScript function.<\/p>\n<!DOCTYPE html>\n<html lang=\"en\">\n\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <meta http-equiv=\"X-UA-Compatible\" content=\"ie=edge\">\n <title>Test 1<\/title>\n\n <script>\n function clear() {\n document.getElementById('result').innerHTML = '';\n }\n <\/script>\n<\/head>\n\n<body>\n <button id=\"clear\" onclick=\"clear()\">Clear<\/button>\n <div id=\"result\">Testing<\/div>\n<\/body>\n\n<\/html>\n<\/code><\/pre>\nClear<\/code> button, the Testing<\/code> text will just not be removed.<\/p>\nclearResult<\/code> works fine.<\/p>\n","protected":false},"excerpt":{"rendered":"