Function is not defined - uncaught referenceerror

Question

I have this uncaught referenceerror function is not defined error which do not understand   If I have    document  ready function     function codeAddress       var address   document getElementById  formatedAddress   value    geocoder geocode     address   address   function results  status       if  status    google maps GeocoderStatus OK        map setCenter results 0  geometry location                       and   lt input type  image  src  btn png  alt    onclick  codeAddress      gt   lt input type  text  name  formatedAddress  id  formatedAddress  value      gt    When I press the button it will return the  uncaught referenceerror    But if I put the codeAddress   outside the   document  ready function     then it working fine   My intention is put the codeAddress   within the document ready function

User · Answer

Thought I would mention this because it took a while for me to fix this issue and I couldn't find the answer anywhere on SO. The code I was working on worked for a co-worker but not for me (I was getting this same error). It worked for me in Chrome, but not in Edge.

I was able to get it working by clearing the cache in Edge.

This may not be the answer to this specific question, but I thought I would mention it in case it saves someone else a little time.

User · Answer

Clearing Cache solved the issue for me or you can open it in another browser index js function myFun            h2   html  quot H999999 quot       index jsp  lt html gt   lt head gt       lt title gt Reader lt  title gt   lt  head gt   lt body gt   lt h2 gt   message  lt  h2 gt   lt button id  quot hi quot  onclick  quot myFun    quot  type  quot submit quot  gt Hi lt  button gt   lt  body gt   lt  html gt

User · Answer

The problem is that codeAddress   doesn t have enough scope to be callable from the button  You must declare it outside the callback to ready     function codeAddress         var address   document getElementById  formatedAddress   value      geocoder geocode     address   address   function results  status            if  status    google maps GeocoderStatus OK                map setCenter results 0  geometry location                           document  ready function           Do stuff here  including  calling  codeAddress    but not  defining  it

User · Answer

One more thing  In my experience this error occurred because there was another error previous to the Function is not defined - uncaught referenceerror  So  look through the console to see if a previous error exists and if so  correct any that exist  You might be lucky in that they were the problem

User · Answer

How about removing the onclick attribute and adding an ID      lt input type  image  src  btn png  alt    id  img-clck    gt    And your script       document  ready function        function codeAddress             var address   document getElementById  formatedAddress   value          geocoder geocode     address   address   function results  status                if  status    google maps GeocoderStatus OK                    map setCenter results 0  geometry location                                           img-clck   click codeAddress         This way if you need to change the function name or whatever no need to touch the html

User · Answer

Please check whether you have provided js references correctly  JQuery files first and then your custom files  Since you are using     in your js methods

User · Answer

Your issue here is that you re not understanding the scope that you re setting   You are passing the ready function a function itself  Within this function  you re creating another function called codeAddress  This one exists within the scope that created it and not within the window object  where everything and its uncle could call it    For example   var myfunction   function        var myVar   12345      console log myVar       undefined  - since it is within                         the scope of the function only    Have a look here for a bit more on anonymous functions  http   www adequatelygood com 2010 3 JavaScript-Module-Pattern-In-Depth  Another thing is that I notice you re using jQuery on that page  This makes setting click handlers much easier and you don t need to go into the hassle of setting the  onclick  attribute in the HTML  You also don t need to make the codeAddress method available to all     function            imgid   click function            var address       formatedAddress   value          geocoder geocode     address   address   function results  status               if  status    google maps GeocoderStatus OK                 map setCenter results 0  geometry location                                             You should remove the existing onclick and add an ID to the image element that you want to handle   Note that I ve replaced   document  ready   with its shortcut of just      http   api jquery com ready    Then the click method is used to assign a click handler to the element  I ve also replaced your document getElementById with the jQuery object

User · Answer

You must write that function body outside the ready     because ready is used to call a function or to bind a function with binding id like this     document  ready function            Some id class name   click function            alert  i m in                  but you can t do this if you are calling  showAmount  function onchange onclick event    document  ready function         function showAmount value           alert value                You have to write  showAmount  outside the ready     function showAmount value       alert value    will be called on event it is bind with     document  ready function         alert  will display on page load

[javascript] Function is not defined - uncaught referenceerror

Examples related to javascript