0

cada vez que envió el evento no guardar el valor, si lo guarda en el localstorage, pero lo que quiero hacer es mostrar los elementos por pantallas, estoy haciendo la prueba primero con un console.log y veo que el mensaje aparece un segundo y desaparece.

var formulario = document.querySelector("form")[0]
    
    formulario.addEventListener('submit', function(){
    
      console.log("hola")
     var platillos = document.querySelector("#plato")
    
     localStorage.setItem(platillos, platillos)
    
    })
<form action="">
        
        <input id = "plato" type="text" name="comida">
        <button type= "submit">enviar</button>
    
    
    
      </form>

5
  • ¿No te muestra fallo de Javascript en la consola?
    – Jose
    Commented el 2 may. 2020 a las 14:50
  • no, muestra el hola por un segundo y desaparece Commented el 2 may. 2020 a las 14:54
  • ¿Puede ser que tengas varios archivos JavaScript enlazados a esa pagina?
    – Jose
    Commented el 2 may. 2020 a las 14:58
  • no solo es un archivo js Commented el 2 may. 2020 a las 15:07
  • Pues entonces ya no se que decirte, es que esta mañana se me ha dado el caso que tenia en una web dos ficheros javascript y el que me daba el fallo era el primero al que estaba manipulando, el segundo, y no me había dado cuenta y al ejecutarse el primero y después el segundo, este último me borraba la consola, por eso te pregunte si tenias dos ficheros distintos.
    – Jose
    Commented el 2 may. 2020 a las 15:24

1 respuesta 1

1

Esto te ocurre porque siempre (por defecto) que se hace el submit de un formulario este recarga la página y pierdes los logs de la consola. Para evitar este comportamiento puedes usar el método e.preventDefault.

var formulario = document.querySelector("form")

formulario.addEventListener('submit', function() {
  e.preventDefault();
  console.log("hola")
  var platillos = document.querySelector("#plato")

  localStorage.setItem(platillos, platillos)

})
4
  • ¿Puedes pasar mas información sobre ese método e.preventDefault o algún enlace? Gracias.
    – Jose
    Commented el 2 may. 2020 a las 15:50
  • developer.mozilla.org/es/docs/Web/API/Event/preventDefault
    – hawks
    Commented el 2 may. 2020 a las 15:52
  • Muchas gracias me sirvio mucho, ya esta solucionado Commented el 2 may. 2020 a las 16:47
  • de nada. Acepta la respuesta si te sirvió para que le sirva a los demas :)
    – hawks
    Commented el 2 may. 2020 a las 18:25

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.