JSFiddle - React, Tailwind, and code Playground
HTML
<form name="form1" onsubmit="submeter()">
<fieldset>
<label>Nome:</label>
<input type="text" name="nome" value="" onkeyup="validarNome()" />
</fieldset>
<fieldset>
<label>Idade:</label>
<input type="text" name="idade" value="" onkeyup="validarIdade()" />
</fieldset>
<input type="submit" value="Salvar" onclick="return salvar()" />
</form>
<button onclick="mostrarDados()">Mostrar dados</button>
JavaScript
function salvar() {
var inputs = [].slice.call(document.querySelectorAll('form input[name]'));
var data = {};
inputs.forEach(function(input) {
data[input.name] = input.value;
});
localStorage.meusDados = JSON.stringify(data);
document.querySelector('form').reset();
return false;
}
function lerDados() {
var dados = JSON.parse(localStorage.meusDados || '{}');
return dados;
}
function mostrarDados() {
var dados = lerDados();
alert(JSON.stringify(dados, null, 4));
}