Buenas tardes, estaba intentando exportar los valores de 'nameValue' y 'passValue' para usarlos en otro archivo javascript pero no puedo exportarlos.
Obtuve el siguiente error:
Uncaught SyntaxError: export declarations may only appear at top level of a moduleNo estoy usando ningún marco o biblioteca (solo Javascript Vanilla)
document.addEventListener('DOMContentLoaded', () => { console.info('This is running!') let name = document.getElementById('name') let password = document.getElementById('password') let loginBtn = document.getElementById('loginBtn').addEventListener('click', () => { nameValue = name.value passValue = password.value export {nameValue, passValue} event.preventDefault() }) })El error está tratando de decir que puede usar export solo en el nivel superior de su código, es decir, no en el cuerpo de una función o similar. Sus variables también deberán definirse en ese nivel.
let nameValue, passValue; document.addEventListener('DOMContentLoaded', () => { console.info('This is running!') let name = document.getElementById('name') let password = document.getElementById('password') let loginBtn = document.getElementById('loginBtn').addEventListener('click', () => { nameValue = name.value passValue = password.value event.preventDefault() }) }) export {nameValue, passValue}Una opción para compartir información entre diferentes scripts es usar el almacenamiento local .
Esto le permitirá actualizar la página pero conservar los {nameValue, passValue} , ¡lo que creo que es un beneficio adicional!