blank render on front end | ejs template

Question

I am trying to render the results from my template.ejs file onto my homepage through

<%= include ('template.ejs', { data }); %>    

which on form submit, will display a response. However, when the form is submitted, there is no response. In the page source, where that line should be, it is blank. Any suggestion on how I could resolve?

Copy of my template.ejs is below:

<% data.urls && data.urls.countries.forEach(function ( countries) { %>
    <div class="card">
     <div class="card-body">
      <h3>Country Name: <img alt="" src="<%=countries.icon %>" /> <%= countries.name %></h3>
      <h5>Categories</h5>
      <ul>
       <% data.urls.countries.categories.forEach(function(categories){ %>
        <li><%= categories.name %></li>
       <% }); %>
      </ul>
     </div>
    </div>
    <% }); %>

question from:https://stackoverflow.com/questions/65872986/blank-render-on-front-end-ejs-template

Answer 1

Waitting for answers