TechTips > Backend > Javascript
método
Session storage
function limparDadosDaSessao() {
sessionStorage.clear();
}
function salvarDadosDaSelecao() {
const inputs = document.querySelectorAll('input[type="checkbox"], input[type="range"]');
inputs.forEach(input => {
const id = input.id;
if (!id) return;
let valor;
if (input.type === 'checkbox') {
valor = input.checked;
}
if (input.type === 'range') {
valor = input.value;
}
//console.log('ID: ' + id, '- VALOR: ' + valor);
sessionStorage.setItem(id, valor);
});
}
function restaurarDadosDaSelecao() {
const inputs = document.querySelectorAll('input[type="checkbox"], input[type="range"]');
inputs.forEach(input => {
const id = input.id;
if (!id) return;
const valorSalvo = sessionStorage.getItem(id);
//console.log('ID: ' + id, '- VALOR SALVO: ' + valorSalvo);
if (valorSalvo !== null) {
if (input.type === 'checkbox') {
input.checked = (valorSalvo === 'true');
}
if (input.type === 'range') {
input.value = valorSalvo;
}
input.dispatchEvent(new Event('input'));
}
});
}
##js
##javascript
##session storage
Compartilhe esta dica
Envie esta dica diretamente para o e-mail de um colega desenvolvedor.