My current challenge involves accessing and changing the innerHTML of an HTML element. My application must connect to a database and perform CRUD operations, which worked successfully when connected to the database via cmd and localhost 3000. However, I encountered an issue when trying to display "Successfully connected to the database" in a paragraph on my HTML page. Despite various attempts using different methods, such as document.getElementById(), substituting with html and response variables, I have been unable to access the DOM element. Can anyone provide guidance on how to overcome this obstacle?
var http = require('http');
var fs = require('fs');
const PORT=3000;
fs.readFile('./conn.html', function (err, html) {
if (err) throw err;
http.createServer(function(request, response) {
response.writeHeader(200, {"Content-Type": "text/html"});
response.write(html);
response.end();
this.html = html;
}).listen(PORT);
});
If you have any suggestions or solutions, please share them! Your help is greatly appreciated.