Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
1
respuesta

Funcion agregar palabra challenge ahorcado

Buen día alguien que me pueda ayudar por favor, en la función de agregar palabra del challenge 2, agregaba una palabra a la array pero al cambiar de pantalla se refresca la pagina y quedan las palabras por defecto y no la agregada. Cree 2 funciones con local storage pero me pasa lo mismo. nota; la pantalla de agregar palabra y la del juego son 2 archivos html distintos pero comparten el mismo archivo.js

function addWord() {
  var btnGuardarEmpezar = document.querySelector(".guardar");
  btnGuardarEmpezar.addEventListener("click", function(event) {
      var entrada = document.querySelector(".input-palabra");
      palabras.push(entrada.value);
      swal("palabra agregada");
      console.log(palabras);

  })
  localStorage.setItem('input',JSON.stringify(palabras));

}
function getlist(){
  var list = localStorage.getItem('input');
  if(list==null){
    palabras=[];
  }else{
    palabras= JSON.parse(list);
  }
  return palabras;
}

1 respuesta

Hola Diego, espero que estés bien.

El código localStorage.setItem('input',JSON.stringify(palabras)); debe ir dentro da la función del addEventListener() porque si no el programa la estará llamando mismo sin hacer clic en ningún botón

El codigo correcto seria así:

btnGuardarEmpezar.addEventListener("click", function(event) {
      var entrada = document.querySelector(".input-palabra");
      palabras.push(entrada.value);
      swal("palabra agregada");
      console.log(palabras);
      localStorage.setItem('input',JSON.stringify(palabras));
  })

Caso haya algún otro problema, por favor nos envíe el código completo, incluyendo el código HTML

¡Un saludo!

Si este post te ayudó, por favor, marca como solucionado ✓. Continúa con tus estudios