Dfyjkt

I have an index.ejs file in which I have used script tag and written some javascript for dom manipulation. Now I want to use a variable from this file to my app.js file. How to achieve that?
For referring the variable of ejs file we do like this:

someVariable:value

I just want to do vice versa, i.e. access variable declared in script tag of ejs file to app.js file.

//index.ejs

<script>
 window.onload=function()var c = document.getElementById("city_search").options[1].value;
 console.log(c);
 ;
 function changeCarousel()
 var x = document.getElementById("city_search").value;
 console.log(x);
 
</script>

How do I access variable x in app.js, since it is not declared there.

How do I access variable x in app.js, since it is not declared there.

You don't. Not directly. Variable x is inside the browser running on the client computer and is not directly available or visible to your server or your server computer.

When you have a variable in the Javascript inside the web page that is running in the browser, the only way to get that to your server is to make an Ajax call to your server or to embed that value in an URL and request a new page with that value in the URL (as part of the path or a query parameter).

To understand further, let's review a little about how an EJS file works from your node.js server.

1. Browser requests page (that is represented by your EJS file).


2. Your server receives request for that page.


3. Server collects any relevant data for that page, puts that data into an object, then renders the EJS page. That will expand the EJS page and incorporate any desired data into the page.


4. The rendered EJS page is sent to the browser as the response to the original HTTP request.


5. Browser receives the now HTML page (rendered EJS page), parses it and displays it.


6. Browser parses and runs any script tags in the page.

At the point where scripts are running in the browser, they are a completely separate environment from your server. They are running on the client computer in the browser, not the server computer. To share data from the web page with the server, you have to initiate some communication with the server and send the server some data. There are a number of ways to do that. For example, you could make an Ajax call to the server, send it the data from the web page, have the server received that Ajax request and then send back a response. Your client-side Javascript will then get back that Ajax response and can then do whatever it wants with that result (insert it into the web page, load a different page, show it to the user, etc...).

If you told us more specifically what you're trying to do with value x, then we could make a more detailed recommendation on how to achieve that.