Estou com dúvida na ultima parte, na hora de inserir a nota meu código retorna a mensagem 'por favor, preencha o campo a cima.' caso esteja "nulo", mas não insere caso esteja preenchido. No download disponibilizado(arquivo completo) não encontrei esse trecho para inserir o código, por isso não estou conseguindo corrigir.

index.html:

Ceep

• Linhas
• ?

1. • Azul
   • Vermelho
   • Verde
   • Amarelo

   Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nisi modi eos architecto doloribus odit, quisquam sit. Sint debitis ea, accusantium quod, rerum id similique est! Dolor tenetur hic blanditiis unde laudantium ipsum omnis consequuntur sed, quas ipsam maiores, mollitia facilis.

2. • Azul
   • Vermelho
   • Verde
   • Amarelo

   Saepe dicta veritatis eum eveniet aut eaque modi asperiores, quia possimus. Voluptate accusantium adipisci, itaque ducimus ullam iure quasi laborum atque, nulla delectus repellat! Provident repudiandae, sed nostrum ad nemo, quibusdam facilis adipisci! Enim natus, asperiores facilis modi libero magnam.

3. • Azul
   • Vermelho
   • Verde
   • Amarelo

   Animi fugiat incidunt sunt placeat officiis, consectetur quod modi vitae quam necessitatibus. Esse laboriosam dolores voluptate deleniti corporis odio, consequuntur. Non quae tempore facilis quos unde quas neque, consectetur nobis illum, odio delectus, eaque corrupti error porro, suscipit deserunt vero.

4. • Azul
   • Vermelho
   • Verde
   • Amarelo

   Error quam iure pariatur consequuntur harum, minus beatae rerum. Deleniti asperiores, eligendi! Reiciendis illo ipsa velit, corporis, aspernatur doloremque, provident deserunt quaerat quasi illum tempora maiores. Accusantium ullam expedita unde dignissimos, asperiores, aliquid sapiente saepe autem suscipit assumenda, tenetur debitis!

newCard.js: var $newCard = document.querySelector('.newCard'); var $newCardContent = document.querySelector('.newCard-content'); var $newCardAction = document.querySelector('.newCard-action');

/inserir dados, procurar (event javascript mdn)/ $newCardContent.addEventListener('input', function(){ var $error = document.querySelector('.error');

if ($error != null){ $error.remove(); } });

$newCard.addEventListener('submit', function(event){ event.preventDefault();

if($newCardContent.value==''){ if(document.querySelector('.error') == null){ var $error = document.createElement('span'); /colocou esse error para não ficar exibindo a mensagem toda veza que clica no botão e sim só uma vez/ $error.classList.add('error'); $error.textContent = 'por favor, preencha o compo a cima.'; $newCard.insertBefore($error, $newCardAction); }else{ var $wrapCard = document.querySelector('.wrap-card'); var $card = document.querySelector('.card'); var $copyCard = $card.cloneNode(true);

$copyCard.querySelector('card-content').textContent = $newCardContent.value; $wrapCard.insertBefore($copyCard, $card); };

}; });

newCard.css:

.newCard{ background-color: #C5C5C5; padding: 24px 127px; margin-bottom: 40px; }

.newCard-content{ display: block; margin-left: auto; margin-right: auto; width: 100%; height: 24px; padding: 10px; border: 1px solid white; transition: height 0.4s linear, border-color 0.5s linear; } / ---------------procurar box-shadow mdn-----------------/ .newCard-content:focus{ height: 100px; border: 1px solid purple;

}

.newCard-action{ margin-top: 20px; font-size: 16px; width: 84px; height: 34px; background-color: #8272C7; margin-left: auto; margin-right: auto; display: block; cursor: pointer; }