1

He empezado a aprender javascript y me he topado con un error que no he podido solucionar. En el formulario que estoy desarrollando, agregue un div que tiene la clase msj-error; y al validar los campos intento cargar un mensaje con innerHTML el cual aparece y en cuestión de un instante desaparece..

Cabe recalcar que intento dejarlo por mas tiempo con setTimeOut, alguna sugerencia de como solucionar esto

    <div id="msj-error">
       <p>Mensaje de error de prueba</p>
    </div>

Anexo tambien la funcion de javascript:

const mostrarError=(elemento, mensaje)=>{

    divError = document.getElementById(elemento).innerHTML = `<p>${mensaje}</p>`;
    setTimeout(()=>{ divError.innerHTML = ``;},7000);

}
1

1 respuesta 1

1

Tienes varios errores:

  1. Nunca llamaste a la función ni le pasaste ningún parámetros.
  2. Tienes una triple asignación que no está permitida en javascript.
  3. El navegador no sabe quien es divError debido a la triple asignación, y eso es lo que te produce el error.

Te adjunto tu código arreglado y con un ejemplo funcional;

const mostrarError=(elementoId, mensaje)=>{
    let divError = document.getElementById(elementoId)
    divError.innerHTML = `<p>${mensaje}</p>`;
    setTimeout(()=>{ divError.innerHTML = ``;},1000);
}

mostrarError('msj-error', 'Mensaje de error de prueba')
 <div id="msj-error" class="alert alert-warning"></div>

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.