How To Call Javascript Function From Another File in EJS

Question

I have a question regarding EJS and how to call a javascript function from another file.

Let's say i have a button,

<button onclick="click()">Click Me</button>

and the click() function is from another file called click.js, how do i call it ? because using standard method doesn't work. thanks

yes, but i have trouble to call a javascript function from another javascript file. got an idea ? — myd07
– myd07, Commented Jul 7, 2017 at 10:46
What has this got to do with ejs? EJS never runs in the browser... --- To run something from "another js file", include the JS file in the HTML using a script element. — evolutionxbox
– evolutionxbox, Commented Jul 7, 2017 at 10:47
I am using ejs as templating engine for express js, and the script tag way doesn't work — myd07
– myd07, Commented Jul 7, 2017 at 10:51
"script tag way doesn't work" - what does this mean? Can you explain in more detail what you are trying to achieve and what is "not working"? — evolutionxbox
– evolutionxbox, Commented Jul 7, 2017 at 10:57

Javier Armero Ciudad · Accepted Answer · 2017-09-12 00:31:33Z

1

click.ejs

    <body>
    ...
    <a href="javascript:void(0);" class="topMenu-hamburguer" onclick="click()">&#9776;</a>

    ...
    <script type="text/javascript" src="/js/click.js"></script>
    </body>

click.js

function click() {
    console.log(`Click!`);
}

and make sure you have something like this in your app.js, if you dont, just change your path.

app.use(sassMiddleware({
  src: path.join(__dirname, 'public'),
  dest: path.join(__dirname, 'public'),
  outputStyle: 'compressed',
  sourceMap: true
}));
app.use(express.static(path.join(__dirname, 'public')));

answered Sep 12, 2017 at 0:31

Javier Armero Ciudad

4364 silver badges5 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How To Call Javascript Function From Another File in EJS

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related