使用express的nodejs应用程序中的JS文件中的EJS变量

Question

I have a user object having last_level property I am passing it in my express route as follows:

app.get('/game', (req, res) => {
    res.render('main.ejs', { user: req.user })
})

I want to access it in my JS script file.

After some research, I tried this...

var x = <%- user.last_level %>  

But its not working (not giving me value of last_level to assign it to variale x). Help me out on this please.

This is my whole function -

window.onload = function () {
    var x = <%- user.last_level %> 
    if (x === "Easy") {
        console.log("easy")
    } else if (x === "Hard") {
        console.log("hard")
    } else if (x === "Pro") {
        console.log("pro")
    }
    console.log(x)
};

Answer 1

Stringify your variable and see the results. Use the below code in your ejs template

 <script>
    window.onload = function () {
            var x =  <%- JSON.stringify(user.last_level) %>
            if (x === "Easy") {
                console.log("easy")
            } else if (x === "Hard") {
                console.log("hard")
            } else if (x === "Pro") {
                console.log("pro")
            }
            console.log(x)
        };
    </script>

Alternative solution is

 <script>
    window.onload = function () {
      <% if (user.last_level == 'Easy') { %>
        console.log("easy")
      <% } else if((user.last_level == 'Hard')  { %>
        console.log("hard")
      <% } else if(user.last_level == 'Pro')  { %>
        console.log("pro")
      <% } %>
    };
  </script>