Home/ Questions/Q 8003473
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-04T16:39:32+00:00

In the <head> of my page, I do this: <script type=text/javascript src=js/foo.js></script> <script type=text/javascript>

  • 0

In the <head> of my page, I do this:

<script type="text/javascript" src="js/foo.js"></script>
<script type="text/javascript">
  console.log(foo.bar);
</script>

Code of foo.js:

var foo = function()
{
    this.bar = function()
    {
        console.log('here');
    }
}

Later on in the html document:

<a href="#" onclick="foo.bar();">Test</a>

However if I click that link above, it says function not defined even though foo.js has been included. Also if I do console.log(foo) it only shows ‘function()’ and console.log(foo.bar) shows undefined. Why is this, why can’t I access the function?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    I’m not sure if you want it this way, but to get your console.log(foo.bar); to work you can do this:

    var foo = {
    bar: function() {
        console.log('here');
    }
};
    • 0