Uncaught ReferenceError function is not defined at HTMLButtonElement onclick

Question

I have created my problem on JSFiddle at https   jsfiddle net kgw0x2ng 5   The code is as follows  HTML CODE    lt div class  loading  gt Loading amp  8230  lt  div gt    lt button type  submit  onClick  hideButton    gt Hide lt  button gt   lt button type  submit  onClick  showButton    gt Show lt  button gt    JS CODE  function hideButton           loading   hide      function showButton           loading   show        I am showing a spinner and I would like the spinner to hide when I click on the  Hide  button  I am getting the following error    Uncaught ReferenceError  showButton is not defined     at HTMLButtonElement onclick  VM282 180  onclick   VM282 180 VM282 179    Uncaught ReferenceError  hideButton is not defined     at HTMLButtonElement onclick  VM282 179  onclick   VM282 179    Can someone please suggest a solution    Thanks  Sachin

User · Answer

Same Problem I had    I was writing all the script in a seperate file and was adding it through  tag into the end of the HTML file after body tag   After moving the the  tag inside the body tag it works fine  before      lt  body gt   lt script gt require     script viewLog js   lt  script gt    after     lt script gt require     script viewLog js   lt  script gt   lt  body gt

User · Answer

Place your script inside the body tag   lt body gt       Rest of html    lt script gt    function hideButton             loading   hide        function showButton           loading   show       lt  script gt    lt   body gt    If you check this JSFIDDLE and click on javascript  you will see the load Type body is selected

[javascript] Uncaught ReferenceError: <function> is not defined at HTMLButtonElement.onclick

Examples related to javascript

Examples related to html