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.
CÓDIGO HTML
<form action="">
<input id = "plato" type="text" name="comida">
<button type= "submit">enviar</button>
</form>
CÓDIGO JAVASCRIPT
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>
var formulario = document.querySelector("form")
formulario.addEventListener('submit', function(){
console.log("hola")
var platillos = document.querySelector("#plato")
localStorage.setItem(platillos, platillos)
})