Accessing passed EJS variable in Javascript file

Question

RESTful routes js file:

// index route - show all todos
router.get("/", middleware.isLoggedIn,function(req,res) {
  Todo.find({ "author.id" : req.user._id}, function(err, allTodos) {
    if(err) {
      console.log(err);
    } else {
      res.render("todo/index", {todos: allTodos});
    }
  });        
});

My index.ejs file has:

<script src="/scripts/todoCalendar.js"></script>

at the end of the body tag and I want to access the passed variable todos inside my todoCalendar.js file. I tried putting

<script>
  var x= <%= todos %>
</script>

but it says x is undefined when i try to do a console.log(x) inside my todoCalendar.js file.

Any help is greatly appreciated.

Answer 1

Three way to solve the problem...

1. variant

   <script>
       var x = "<%= todos %>";
       console.log(x); 
   </script>
   

2. variant

   <script>
       var x = "<%- todos %>";
       console.log(x); 
   </script>
   

3. variant [XD]

   HTML:

   <p id="yy" style="display:none"><%= todos %></p>
   

   Javascript:

   <script>
       var x = document.getElementById("yy").innerText;
       console.log(x); 
   </script>