Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

Como mudar cor da mensagem de erro

Oie, a partir dessa parte do código

var erroAjax = document.querySelector("#erro-ajax");

        if (xhr.status == 200) {  
            var resposta = xhr.responseText;
            var pacientes = JSON.parse(resposta);

            pacientes.forEach(function(paciente) {
                  adicionaPacienteTabela(paciente);
            });
        }
        else {
            erroAjax.classList.remove("invisivel");
            console.log(xhr.status);
            console.log(xhr.responseText);
        }

quando não é possível pegar as requisições e da erro, a mensagem deixa de ficar invisível e fica visível, né?

Da pra eu adicionar o id "#mensagens-erro" nessa variável erroAjax para que a mensagem seja exibida em vermelho, como ta declarada no CSS? Como faço?

1 resposta
solução!

Oi, Bárbara, tudo bem?

Você pode seguir essa lógica aqui de quando é inserido algum valor inválido: https://cursos.alura.com.br/course/javascript-programando-na-linguagem-web/task/24350 ou também essa aula: https://cursos.alura.com.br/course/javascript-programando-na-linguagem-web/task/24180

Caso não consigo, é só falar :}