I have a bit of code that should load a page and show an image(from server storage), that sometimes changes(is replaced by another image with the same name).
main.js:
const app = express();
const ejs = require('ejs');
var fs = require('fs');
const port = 8000;
// Render index.ejs file
app.get('/', function (req, res) {
// Render page using renderFile method
ejs.renderFile('index.ejs', {},
{}, function (err, template) {
if (err) {
throw err;
} else {
res.end(template);
}
});
});
// Server setup
app.listen(port, function (error) {
if (error)
throw error;
else
console.log("Server is running");
});
index.ejs:
<html lang="en">
<head>
<title>Fasole LIVE</title>
<link rel="stylesheet" href="styles.css">
<meta charset="UTF-8">
<meta name="viewport" content=
"width=device-width, initial-scale=1.0">
</head>
<body>
<img src="live.png" class="live" id="live">
<script>
while(true)
{document.getElementById("live").src("live.png")}
</script>
</body>
</html>
What am I doing wrong?