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 = "";
}