JavaScript function from external JS file will not launch [duplicate]

Question

I have the following test.html file and from it I'm trying to call sayHello() from the myjslib.js file. sayHello simply prints "Hello!" to the console but nothing is printing. How do I call sayHello from the test.html file? This question may seem like a duplicate of this question. But, that question is addressing the use of script code inside a script tag that has a src attribute. I now have the function call in a separate script tag yet they still does not launch.

HTML body

<body>
    <script src="myjslib.js"></script>
    <script>
        sayHello();
    </script>
</body>

These are the functions in the JavaScript file

function sayHello() {
    console.log("Hello!");
}

function sayGoodbye() {
    console.log("Goodbye!");
}

Is there anything in the console? Any errors?

StudioTime
– StudioTime

2017-10-19 10:29:36 +00:00
Commented Oct 19, 2017 at 10:29 — StudioTime
– StudioTime, Commented Oct 19, 2017 at 10:29

Flying · Accepted Answer · 2017-10-19 10:30:58Z

1

You need to refactor your code like this:

<script src="myjslib.js"></script>
<script>        
  sayHello();
</script>

See documentation about src attribute

answered Oct 19, 2017 at 10:30

Flying

4,5802 gold badges21 silver badges26 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

charlie Over a year ago

Thanks for responding Flying but after refactoring I now get "Uncaught ReferenceError: sayHello is not defined"

charlie Over a year ago

I edited the above to reflect what I now have after refactoring.

charlie Over a year ago

Thanks Flying. I probably didn't save my changes but now it works as you suggested.

Collectives™ on Stack Overflow

JavaScript function from external JS file will not launch [duplicate]

1 Answer 1

3 Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Linked

Related