hackingScript localStorage

window.localStorage.setItem("nome", "Vinicius");

// o objeto window pode ser omitido quando trabalhamos com o local storage

// A consulta aos dados armazenados em local storage é semelhante à consulta de valores em um objeto.
// Podemos usar a notação com ponto ou com colchetes


//console.log(localStorage['nome']);

document.getElementById('enviar-nome').onclick = function(){

    //guardar o nome digitado em localstorage
    var nome = document.getElementById('nome-usuario').value;
    localStorage.setItem('nome', nome);


    //esconder o formulário
    document.getElementById('name-field').style.display="none";

    //atualizar nome e mostrar mensagens de boas vindas
    document.getElementById('welcome-text').innerHTML = " Olá " + localStorage.nome + " tudo bem ?";
    document.getElementById('not-me').innerHTML = " Não é  " + localStorage.nome + " ? ";
    document.getElementById('welcome-area').style.display ="initial";
}

document.getElementById('not-me').onclick = function(){
    //remover a chave nome do local storage
    localStorage.removeItem('nome');

    //esconder a mensagem de boas vindas
    document.getElementById('welcome-area').style.display = "none";

    //mostrar formulário
    document.getElementById('name-field').style.display = "initial";


}