I have a ReferenceError: document is not defined

Question

My code is showing a reference error I don't know why, I'm using node js in webstorm ide.

My HTML

<!DOCTYPE html>
<html lang="en">
<head>
    <link rel="stylesheet" href="style.css">
    <meta charset="UTF-8">
    <title>Title</title>

</head>
<body>
    <main class="container">
        <h1 id="main-heading"> Movies </h1>
        <div class="movie-list">
            <ul>
                <li class="list-items"> Thor </li>
                <li class="list-items"> Batman </li>
            </ul>
        </div>
    </main>
    <script type="application/javascript" src="script.js"></script>
</body>
</html>

My Script

const title = document.getElementById('main-heading');
console.log(title);

Error

const title = document.getElementById('main-heading');
              ^

ReferenceError: document is not defined

Where are you running this? `window` and `document` are global objects initialised by browser. So we will need more info about the environment you are running this — Rajesh, Sep 16 '22 at 04:14
I don't know how to check the environment I'm just using normal node and an ide webstorm how do I check it? — ebrahim afridi, Sep 16 '22 at 05:21

score -1 · Answer 1 · edited Sep 20 '22 at 12:49

-1

The type application/javascript is obsolete, you can use either text/javascript or application/x-javascript.

application/x-javascript this is experimental condition better to use the text/javascript

It will also work without the type, simply:

<script src="script.js"></script>

edited Sep 20 '22 at 12:49

Zach Jensz

3,650
5
15
30

answered Sep 16 '22 at 04:29

Basil Muhammed

1
2

It will work without no type, simply ` ` – Basil Muhammed Sep 16 '22 at 04:29
It's better to edit your answer to add information like this rather than having it in the comments! – Zach Jensz Sep 20 '22 at 12:51

I have a ReferenceError: document is not defined

1 Answers1