4
respostas

localStorage

const formulario = document.querySelector('#novoItem');
const lista = document.querySelector('[data-lista]');
const alerta = document.querySelector('#campoLabel')

const listaDeCarros = JSON.parse(localStorage.getItem('item')) || [] ;

formulario.addEventListener('submit',(evento)=>{
    evento.preventDefault();

    adicionarElemento();     

})


function adicionarElemento(){
     if(campoCarro.value === '' || campoCor.value ==='' ){
        const fraseAlerta = "Preencha todos os Campos* !"
        alerta.innerHTML = fraseAlerta;
        return false;
     }


    lista.innerHTML +=`<strong><li class="item_NomeDoCarro">${campoCarro.value} 
    -</strong><em> <strong class="corCarro">${campoCor.value}</strong></em></li>`

    const novosItens = {
        'nome':campoCarro.value,
        'cor':campoCor.value,
    }


    listaDeCarros.push(novosItens)
    localStorage.setItem('item', JSON.stringify(listaDeCarros));

    campoCarro.value = "";
    campoCor.value = "";

}
4 respostas

Auguem Poderia me ajudar por que meus dados não estão salvando ao recarregar a pagina.

Olá Adenilson, tudo bem?

Qual curso se refere esse projeto? Desta forma, consigo direcionar melhor para o nosso time.

Fico no aguardo!

Boa Tarde!! Se refere ao curso: JavaScript na Web: armazenando dados no navegador.

Olá, Adenilson. Como vai?

É possível salvar o projeto no github e me enviar o link pra eu testar aqui?

Pelo que estou vendo, seu projeto é diferente do que o instrutor desenvolve no curso, então seria ideal baixar e testar.

Aguardo seu retorno :)