Untitled

<!DOCTYPE html>
<html>

  <head>
    <link rel="stylesheet" href="style.css">
  </head>

  <body>
    <script type="module" src="script.js"></script>
  </body>

</html>

// Importing the default export
import sayHello1 from "./sayHello1.js";
sayHello1();

// Importing a named export
import { sayHello2 } from "./sayHello2.js";
sayHello2();

/* Styles go here */

// Exporting the default export
function sayHello1() {
  document.body.insertAdjacentHTML("beforeend", "<p>sayHello1</p>");
}

export default sayHello1;

// Exporting a named export
function sayHello2() {
  document.body.insertAdjacentHTML("beforeend", "<p>sayHello2</p>");
}

export { sayHello2 };