Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas

[Dúvida] Retorno após mensagem de erro

Insira aqui a descrição dessa imagem para ajudar na acessibilidade Ao testar o código surgiu uma dúvida: após deixar os campos em branco aparece a mensagem de erro corretamente, mas como posso programar pra ele voltar automaticamente para as perguntas sem ter que atualizar a página?

2 respostas
solução!

Oiii Vivian, tudo bem? Você pode usar algum laço de repetição até que alguma condição seja satisfeita. Em Javascript pode usar o "while" ou o "do... while". No "do...while" dá para pensar assim:

Faça (do) enquanto (while) o nome ou a idade seja igual a nada, igual a vazio.

alert('Boas vindas ao nosso site!');
let nome = "";
let idade = 0;
const mensagemDeErro = "Erro! Preencha todos os campos.";

do {
  nome = prompt('Digite o nome de usuário: ');
  const idadeInput = prompt('Digite a idade: ');

  if (idadeInput === "" || isNaN(idadeInput)) {
    alert(mensagemDeErro);
  } else {
    idade = parseInt(idadeInput);
  }
} while (nome === "" || idade === 0);

if (idade >= 18) {
  alert(`Olá ${nome}, você pode tirar habilitação.`);
} else {
  alert(`Olá ${nome}, você não pode tirar habilitação.`);
}

Então, no código acima, o laço fica repetindo enquanto o nome ou a idade estiverem vazia. Espero ter ajudado o/

Obrigada