Exporter, importer puis intégrer une variable avec innerHTML

Bonjour,

mon code utilise la méthode require() dans le fichier server.js :

Code:

1
2
3
4
5
6
7
8
9
10
11
const express = require("express");
const admin = require("firebase-admin");
const bcrypt = require("bcrypt");
const path = require("path");
const nodemailer = require("nodemailer");
const stripe = require("stripe"); // stripe payment 1
const dotenv = require("dotenv");
 
let DOMAIN = process.env.DOMAIN;
 
dotenv.config();

Le fichier nav.js construit la navbar et s'intègre dans dans le html :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
const createNav = () => {
  let nav = document.querySelector(".navbar");
 
  nav.innerHTML = `
        <div class="nav">
            <a href="../index.html" ><img src="../img/dark-logo.png" class="brand-logo" alt=""></a>
            <div class="nav-items">
                <div class="search">
                    <input type="text" class="search-box" placeholder="search brand, product">
                    <button class="search-btn">search</button>
                </div>
                <a>
                    <img src="../img/user.png" id="user-img" alt="">
                    <div class="login-logout-popup hide">
                        <p class="account-info">Log in as, name</p>
                        <button class="btn" id="user-btn">Log out</button>
                    </div>
                </a>
                <a href="/cart"><img src="../img/cart.png" alt=""></a>
            </div>
        </div>
        <ul class="links-container">
            <li class="link-item"><a href="../index.html" class="link">home</a></li>
            <li class="link-item"><a href="https://robe-oyster.cyclic.app/search/women" class="link">women</a></li>
            <li class="link-item"><a href="https://robe-oyster.cyclic.app/search/men" class="link">men</a></li>
            <li class="link-item"><a href="https://robe-oyster.cyclic.app/search/kids" class="link">kids</a></li>
            <li class="link-item"><a href="https://robe-oyster.cyclic.app/seller" class="link"> || seller</a></li>
        </ul>
    `;
};
 
createNav();

Je voudrais pouvoir exporter la variable DOMAIN du fichier server.js puis l'importer dans nav.js pour l'utiliser à la place de https://robe-oyster.cyclic.app dans les <li>.

Comment faire vu que je n'utilise pas ESM ?