[Javascript] How can I share variables between JS files?

[G1K777]

Is there any way to share variables between js files?
I have one JS file with classes and one js file with a frontend "template".

 

frontend.js
 

  // Create Objects
  const
  header = new Nav("header"),
  nav = new Nav("nav"),
  main = new Element("main"),
  aside = new Element("aside"),
  footer = new Nav("footer");

  // Add nodes to the body element.
  header.init(document.body);
  nav.init(document.body);
  main.init(document.body);
  aside.init(document.body);
  footer.init(document.body);

  // Set objects inner html?
  header.set([["/loginsystem/index.php","Login"],["/loginsystem/index.php","Signup"]]);
  nav.set([["#","Home"],["#","Community"]]);
  footer.add(["https://github.com/damiantoczek/frontend", "Github"]);

Now I want to create another html file lets say, signup.html and add a signup.js file and this file should be able to access the created class instances.

signup.js
 

// Testing form
const signupForm = new Form("signup");
signupForm.init(main.node);
signupForm.add([ ["username"], ["password"], ["email"] ]);

 

[duncannah]

If they're global variables then they can be accessed by any file

 

Although, this isn't really a good way of doing things. I suggest using something like webpack and split the code into modules which can be imported and executed in the main file

[G1K777]

1 minute ago, duncannah said:

If they're global variables then they can be accessed by any file

Yeah, I can imagine that but how do I set global variables?

[duncannah]

Just now, G1K777 said:

Yeah, I can imagine that but how do I set global variables?

EIther set them in the global scope, or set it in the window object.

 

Again, I suggest using modules instead

[G1K777]

Just now, duncannah said:

EIther set them in the global scope, or set it in the window object.

 

Again, I suggest using modules instead

Found it, it lost scope because of "window.onload".