Voltar para TechTips
TechTips > Backend > Javascript
método

Session storage

08/07/2026 1 visualizações
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.