Function is no longer found if I add "require" source

Question

I have a function "loadDays()" that should be executed when the body-section is loaded:

<body onload="loadDays()">

In <script> I have my function loadDays():

<script>
    function loadDays() {
        // code
    }

Now I added src="https://requirejs.org/docs/release/2.3.5/minified/require.js" to the <script>-tag, to make use of require inside my function.

While it does recognize require then, it throws a new error:

"Uncaught ReferenceError: loadDays is not defined
at onload

What am I missing?

score 2 · Answer 1 · answered Oct 20 '21 at 07:45

2

If <script> tag has src attribute, then any content inside this tag is ignored.

You should add 2 separate tags:

<script src="https://requirejs.org/docs/release/2.3.5/minified/require.js"></script>
<script>
    function loadDays() {
        // code
    }
</script>

answered Oct 20 '21 at 07:45

Justinas

41,402
5
66
96

If I do that, how can I get the variable from the first ` – Oct 20 '21 at 07:47
@User10xC If it's in global scope - just use it. If it's in isolated scope, then there is no way to access it – Justinas Oct 20 '21 at 07:48
How do I make it global scope? – Oct 20 '21 at 07:50
Like this is what I have right now: I need `Excel` to be available inside `loadDays()` – Oct 20 '21 at 07:51
It's already in global scope – Justinas Oct 20 '21 at 07:53
But it says: Uncaught ReferenceError: Excel is not defined at loadDays – Oct 20 '21 at 07:54
@User10xC Please post another question with full information about your issue – Justinas Oct 20 '21 at 07:55
I can't it says that I'm not allowed to open another question. – Oct 20 '21 at 07:57

score 0 · Answer 2 · answered Oct 20 '21 at 08:43

I've checked requireJS, so you should actually do it like this, as they said in the docs:

<!DOCTYPE html>
<html>
    <head>
        <title>My Sample Project</title>
        <!-- data-main attribute tells require.js to load
             scripts/main.js after require.js loads. -->
        <script data-main="scripts/main" src="https://requirejs.org/docs/release/2.3.5/minified/require.js"></script>
    </head>
    <body>
        <h1>My Sample Project</h1>
    </body>
</html>

Then add a main.js file in the scripts folder, and put your function inside of it.

    function loadDays() {
        // code
    }

Function is no longer found if I add "require" source

2 Answers2