EnEditado
Estoy creando una misma carpeta tengo dos archivos: datos.jspágina HTML y main.js. Mi archivo datos.js lojavascript para uso como si fuera unlocal, sin conexión ni uso de live server de Visual Studio Code; evitando así el uso de archivo .JSON porque tiene un extenso arregloo await fetch()
o similares.
Desde mi archivo main.js quiero usar datos.js, como si fueraPensando en await fetchimport()
y export()
podría hacer algo, pero no logro aplicar y usar correctamente. Porque en el HTML solamente cargo mi archivo main.js
que de la siguiente manera:lo cual importa todo el contenido de datos.js
, lo cual contiene un extenso array
que muestro en DOM.
Si hay otra solución, quisiera saber.
archivo datos.js
let datos = [
{
ubicacion: {
nombre: "",
url: "",
},
categoria: {
nombre: "",
url: ""
}
}
];
exports = {datos};
archivo main.js
import datos from "datos.js";
datos.forEach( (item) => {
document.getElementById("demo").innerHTML = `
<h1>hola</h1>
`;
});
Pero no estoy logrando importar y usar de esta forma. Necesito de esta forma porque estoy trabajando de forma local