I'm attempting to import a function from 2 different files into another one of my JavaScript files, but in the file that's importing the functions, I'm getting the error that each function is declared, but never read.

capital.js file:

function capital(string) {
  const capitalizedString =
    string.substring(0, 1).toUpperCase() + string.substring(1);
  return capitalizedString;
}

alert(capital("Jon"));

export default capital;

addDOMContent.js file:

function addDOMContent(content) {
  const node = document.createElement("h1");
  node.innerText = content;
  document.body.appendChild(node);
}
addDOMContent("Success!");

export default addDOMContent;

index.js file:

import capital from "./capital.js";
import addDOMContent from "./addDOMContent.js";

Why aren't my files being properly imported?