Currently, I am in the process of constructing a website and have implemented an express.js server to collect data submitted through a form. Prior to configuring the server, I had already developed the site using static js and css files. Once the connection to the server was established, the server successfully rendered the html and css stylesheet. However, it seems to be encountering issues displaying the vanilla js that was previously coded. My intention is to utilize the server solely for the form submission while still allowing the vanilla javascript to render as it did prior to the server integration.
The file structure is organized as follows:
root
index.html
app.js
public
css
styles.css
javascript
index.js
In app.js:
const express = require("express");
const https = require("https");
const path = require('path')
const app = express();
app.use(express.static(path.join(__dirname, '/public')));
app.use(express.urlencoded({ extended: false }));
app.use(express.json());
app.get("/", function (req, res) {
res.sendFile(__dirname + "/index.html");
});
In index.html:
<link rel="stylesheet" href="css/styles.css" />
<script src="javascript/index.js"></script>
I appear to be facing difficulties with integrating the vanilla js file after connecting it to the server. Is there something specific I should include within my index.js file to establish a successful connection with the server? Any guidance on resolving this issue would be greatly appreciated.