me encuentro realizando un curso en udemy sobre javascript. En esta seccion estamos desarrollando un cotizador de criptomonedas y quien imparte el curso determino crear tres archivos, el app.js, api.js y ui.js En el archivo ui.js esta desarrollando la clase Interfaz con un metodo para mostrar un error si los dos campos estan vacios. Yo la clase la estoy instanciando en otro archivo y me marca un error diciendome que esa variable no esta definida.
adjunto codigo:
app.js
const ui = new Interfaz();
const formulario = document.getElementById('form');
formulario.addEventListener('submit', (e)=>{
e.preventDefault();
const monedaUno = document.getElementById("monedaUno");
const monedaUnoSeleccionada = monedaUno.options[monedaUno.selectedIndex].value;
const monedaDos = document.getElementById("monedaDos");
const monedaDosSeleccionada = monedaDos.options[monedaDos.selectedIndex].value;
if(monedaUnoSeleccionada === '' || monedaDosSeleccionada === ''){
ui.mostrarMensaje('Ambos campos deben ser completados', 'error');
}else{
console.log('Todo ok');
}
});
ui.js
class Interfaz{
mostrarMensaje(mensaje, clases){
const div = document.createElement('div');
div.className = clases;
div.appendChild(document.createTextNode(mensaje));
const mensajes = document.getElementById('mensajes');
mensajes.appendChild(div);
setTimeout(()=>{div.remove()}, 2500);
}
}
app1.js:1 Uncaught ReferenceError: Interfaz is not defined
at app1.js:1
(anonymous) @ app1.js:1
const ui = new Interfaz();
al final de tu archivo