Bom dia.

Quando adicionei a lista para apresentar a mensagem de erro , não esta exibindo, antes de adicionar estava exibindo corretamente. Obs: Ao selecionar a página exibe a mensagem como estivessem com as letras em branco porem fora do local correto de exibição.

No css deixei para exiber o erro com a letra em vermelha conforme aula.

Não consegui adicionar a imagem para maior entendimento.

<h2 id="titulo-form">Adicionar novo paciente</h2>
                <ul id="mensagens-erro">
                </ul>

function exibeMensagensDeErro(erros){ var ul = document.querySelector("#mensagens-erro"); erros.forEach(function(erro){ var li = document.createElement("li"); li.textContent = erro; ul.appendChild(li); }); }

var erros = validaPaciente(paciente);
    console.log(erros);
    if(erros.length > 0){
      exibeMensagensDeErro(erros);
      return;
    }

var erros = validaPaciente(paciente); console.log(erros); if(erros.length > 0){ exibeMensagensDeErro(erros); return; }