I am currently utilizing the combination of Node.js, Express.js, and Ejs.
Challenge
In my particular scenario, I have 3 distinct layers:
1) clients-side.js ((node.js)
2) server.js (node.js)
3) front-end.ejs (ejs)
Upon successful form submission, an event is emitted in client-side.js:
let eventEmitter = new events.EventEmitter();
eventEmitter.emit('added');
`and this event is captured in server.js using express, ejs, body-parser within the app.post() method:
eventEmitter.on('added', function(){ console.log("added successfully") });
Additionally
eventEmitter.on('added', addEvent);
var addEvent= function () {
console.log('added successfully...');
Is it possible to introduce a variable here and pass it to ejs/html for handling?If so, how can I determine within ejs/html when the event occurs?}
The message is currently displayed in the console.
Question
I aim to display the message following the added event in an alert (snackbar) contained in ejs/html (utilizing bootstrap).
I prefer not to employ AJAX methods in ejs/html and keep my two JS files separate.
Thank you in advance.