vengo estancado en mi código desde hace unos días. Mi intención es agregar palabras mediante un input y que queden registradas en un array de otro sitio web. Intenté llevando la función que agrega palabras al archivo js original e invocándola en el input html de la otra página; también probé con el localStorage.setItem y localStorage.getItem para luego aplicar un .push y tampoco pude. Soy bastante nuevo en el mundo de la programación; si alguien me podría dar una mano estaría agradecido. Comparto mi código:
// JS principal (challenge02.js)
let palabras = ['CASA','PERRO','GATO','ELEFANTE'];
let palabra = palabras[Math.floor(Math.random()*palabras.length)];
let palabraConGuiones = palabra.replace(/./g, "_ ");
let palabrasaux= localStorage.setItem('keyPalabras', palabras);
let contadorFallos = 6;
document.querySelector('#salida00').innerHTML = palabraConGuiones; //Acá me sale error
document.getElementById('letra00').addEventListener('keyup', function(){
this.value = this.value.replace(/[^a-zA-Z ]/g, "")
this.value = this.value.normalize("NFD").replace(/[\u0300-\u036f]/g, "")
this.value = this.value.toUpperCase()
});
// Segundo js (agregar-palabra.js)
document.getElementById('texto').addEventListener('keyup', function(){
this.value = this.value.replace(/[^a-zA-Z ]/g, "")
this.value = this.value.normalize("NFD").replace(/[\u0300-\u036f]/g, "")
this.value = this.value.toUpperCase();
});
let datos = [];
let palabrasguardadas= localStorage.getItem('keyPalabras',palabras);
function agregarPalabra(){
let dato = document.getElementById('texto').value.toUpperCase();
// cuando hago el push me sale error
palabrasguardadas.push(dato);
}
function mostrarPalabra(){
let resultado = document.getElementById('resultado');
resultado.innerHTML = '';
for(let dato of datos){
let datoParrafo = document.createElement('p');
datoParrafo.innerText = dato;
resultado.appendChild(datoParrafo);
}
}
//Html del segundo js (agregar-palabra.js)
//invoco la función
<input type='text' id="texto">
<input type='button' id="agregar-palabra" value = 'Guardar Palabra' onclick= 'agregarPalabra()'>
<input type='button' id="mostrar-palabra" value = 'Mostrar palabras' onclick= 'mostrarPalabra()'>
Agradezco la información que recibí sobre el uso del localStorage, pero le doy vueltas y no se que es lo que debería modificar.