let card = document.createElement('div') card.classList.add('card') card.innerHTML = ` <input type="text" placeholder="write word" class="card-word"></input> <input type="text" placeholder="write translate" class="card-translate"></input> <input type="text" class="card-info"></input> `; cards.insertBefore(card, addBtn);es necesario que cuando el usuario ingrese datos estos sean guardados y almacenados, para que al recargar la pagina sean guardados
También quiero pedirte consejo sobre cómo hacerlo mejor.
Puede enganchar el evento onChange con sus elementos dinámicos como este
<input type="text" placeholder="write word" class="card-word" value="localStorage.getItem(\'yournameforthisfield\')" onchange="localStorage.setItem(\'yournameforthisfield\', this.value)"></input> luego, al enviar, puede usar localStorage.getItem para recuperar estos valores de campo.