# Accessing main UX variables from multiple JS files (0.20)

**URL:** <https://forums.fusetools.com/t/accessing-main-ux-variables-from-multiple-js-files-0-20/5990>\
**Category:** How-to Discussions\
**Created:** [June 3, 2016, 4:41pm UTC](https://forums.fusetools.com/t/accessing-main-ux-variables-from-multiple-js-files-0-20/5990 "2016-06-03T16:41:02Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![zaulin](https://avatars.discourse-cdn.com/v4/letter/z/d26b3c/32.png) [@zaulin](https://forums.fusetools.com/u/zaulin)\
**Post date:** [June 3, 2016, 4:41pm UTC](https://forums.fusetools.com/t/accessing-main-ux-variables-from-multiple-js-files-0-20/5990/1 "2016-06-03T16:41:02Z")

</div>

Hi,

I am quite lost with the 0.20 changes:

how do i access an UX component (in this case: “mainRouter”) from a JS file (in this case: “home.js”) that is not the one declared in the MainView.ux ?

I get: mainRouter is not defined in the home.js back() function.

MainView.ux:

```auto
<App>
<Router ux:Name="mainRouter" />

<JavaScript File="main.js"/>

<Panel ux:Class="LoginPage" Background="#f0f">
    <Router ux:Dependency="router" />
    <Text Value="loginpage"/>
    <Clicked Handler="{next}"/>
</Panel>

<Panel ux:Class="HomePage" Background="#ff0">
    <Router ux:Dependency="router" />
    <Text Value="homepage"/>
    <Clicked Handler="{back}"/>
</Panel>

<Navigator DefaultTemplate="login">
    <LoginPage ux:Template="login" router="mainRouter" />
    <HomePage ux:Template="home" router="mainRouter" />
</Navigator>
</App>

```

main.js:

```auto
var home = require("/home");

function next(){
    mainRouter.push("home");
}

module.exports = {
    next: next,
    back: home.back,
}

```

home.js:

```auto
function back(){
    mainRouter.goBack();
}

module.exports = {
    back: back
}

```

---

<div class="post-metadata">

**Author:** ![zaulin](https://avatars.discourse-cdn.com/v4/letter/z/d26b3c/32.png) [@zaulin](https://forums.fusetools.com/u/zaulin)\
**Post date:** [June 3, 2016, 7:18pm UTC](https://forums.fusetools.com/t/accessing-main-ux-variables-from-multiple-js-files-0-20/5990/2 "2016-06-03T19:18:28Z")

</div>

Here it’s very well explained 🙂

[https://www.fusetools.com/docs/navigation/navigation](https://www.fusetools.com/docs/navigation/navigation)

i just had to add the .js to each Class