VS Code - HTML-JS link issue (Node.js ??)

Florin Ghimici

Dec '23 • Help

Hi there,

Just wanted to see if anyone else ran into these issues while using VS Code:

I'm trying to use VS Code as much as I can (which I linked to github) so I also build on my github activity.

I'm currently working on the Counter App.

After the first attempts (I'm using the Live Server Extension), it seemed it simply won't work.

I then copied the code from VS Code and Pasted it into Code Pen... it still didn't work... I then literally wrote the whole code from scratch.. line by line into a new Code Pen and it worked (not finished, still WIP).

https://codepen.io/gymmyck/pen/oNmrLvG?editors=1011

I eventually noticed that the VS Code terminal was giving me an error, apparently I didn't have the Node.js installed. I installed it, but now I still get these errors (also visible in the attached ss).

[Running] node "g:\Developer Pro\Counter_App\counter.js"

g:\My Drive\D'ale Mele\Programming\MY_SPACE\COLT\Developer Pro\Counter_App\counter.js:1

const buttonMinus = document.getElementById("button-minus");

ReferenceError: document is not defined

at Object.<anonymous> (g:\Developer Pro\Counter_App\counter.js:1:21)

at Module._compile (node:internal/modules/cjs/loader:1376:14)

at Module._extensions..js (node:internal/modules/cjs/loader:1435:10)

at Module.load (node:internal/modules/cjs/loader:1207:32)

at Module._load (node:internal/modules/cjs/loader:1023:12)

at Function.executeUserEntryPoint [as runMain] (node:internal/modules/run_main:135:12)

at node:internal/main/run_main_module:28:49

Node.js v20.10.0