Estoy intentando importar una función de 2 archivos diferentes a otro de mis archivos JavaScript, pero en el archivo que importa las funciones, aparece el error de que cada función se declara, pero nunca se lee.

archivo capital.js :

 function capital(string) { const capitalizedString = string.substring(0, 1).toUpperCase() + string.substring(1); return capitalizedString; } alert(capital("Jon")); export default capital;

archivo addDOMContent.js :

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

archivo index.js :

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

¿Por qué mis archivos no se importan correctamente?