What is EJS templating Engine?

EJS (Embedded JavaScript) is a popular templating engine for Node.js that allows to generate HTML markup with JavaScript. One common requirement in web development is passing variables from server-side code to client-side JavaScript for dynamic content rendering and interaction.

Syntax for passing variable:

<script>
    var myVariable = '<%= serverSideVariable %>';
    // use myVariable in JS code
</script>

In the EJS templating engine, we can pass variables to inline JS within our HTML templates. We can use the ‘<%= variable %>‘ syntax, where we can embed server-side variables directly into the client-side scripts. In this article, we will explore the detailed process to pass a variable to inline javascript using the EJS templating engine in terms of practical examples with output.