Javascript files not loading when hosting a website on digital ocean

I’ve built a web app with an express backend and using the ejs view engine.

When I run it on my computer it works fine but I’m trying to host in on digitalocean. I cloned it to the droplet(Ubuntu 22.10 x64) and served it on port 80. When I visited it in the browser at 46.101.145.210:80, I got these errors.

GET https://46.101.145.210/javascripts/cookieHandler.js net::ERR_CONNECTION_REFUSED               
GET https://46.101.145.210/javascripts/domain.js net::ERR_CONNECTION_REFUSED

Here’s my file structure,
enter image description here

Here’s the code in index.js.

const express = require("express");
const app = express();
const fs = require("fs");
const path = require("path")
const assert = require("assert");

const PORT = 80

app.use(express.json());
app.use(express.urlencoded({extended: true}));
app.use(express.static('public'));

app.set("view engine", "ejs")

app.listen(PORT, () => {
    console.log("Server running on port " + PORT.toString());
});

const domains = ... // Not important

app.get("/", (req, res) => {
    res.render("index")
    //res.redirect("/domain")
})

app.get("/domain", (req, res) => {
    res.render("domain", {domains: domains})
})

I’ve tinkered with the firewall config and the express.static to see if it would make a difference. I couldn’t figure anything out though.