1
resposta

Faça como eu fiz: Exibindo dados recuperados

function sortear() {
let quantidade = document.getElementById('quantidade').value;
let de = document.getElementById('de').value;
let ate = document.getElementById('ate').value;

alert(`Quantidade: ${quantidade}`);
alert(`Do número: ${de}`);
alert(`Até o número: ${ate}`);

}

Garanta sua matrícula hoje e ganhe + 2 meses grátis

Continue sua jornada tech com ainda mais tempo para aprender e evoluir

Quero aproveitar agora
1 resposta

Olá Zilda.
Parabéns pelo seu trabalho.
Seu código está correto e serve ao seu proposito.
Segue algumas sugestões para analisar:

  • Toda saida do input é uma string.
  • Então para calculos precisa converter para numero.
let quantidade = parseInt(document.getElementById('quantidade').value);
let de = parseInt(document.getElementById('de').value);
let ate = parseInt(document.getElementById('ate').value);
  • O usuario pode inserir qualquer coisa em um input. Certo!
  • Podemos restringir isso com algumas validações.
if (isNaN(quantidade) || isNaN(de) || isNaN(ate)) {
    alert("Por favor, insira números válidos.");
    return;
}
if (quantidade <= 0) {
    alert("A quantidade deve ser maior que zero.");
    return;
}
if (de >= ate) {
    alert("'De' deve ser menor que 'Até'.");
    return;
}
  • Varias caixas de alerta uma apos outra pode não ser uma experiencia muito legal.
  • Vamos combinar em uma única mensagem :
let resultado = `Quantidade: ${quantidade}\nDo número: ${de}\nAté o número: ${ate}`;
alert(resultado);
  • Pode ser interessante garantir que os números sejam inteiros e positivos.
  • Você pode usar Math.floor() para garantir que o valor seja arredondado para baixo (caso o usuário insira números decimais).
let quantidade = Math.floor(parseInt(quantidadeElement.value));
let de = Math.floor(parseInt(deElement.value));
let ate = Math.floor(parseInt(ateElement.value));

Lembrando que são apenas sugestões para serem estudadas.
Comenta ai alguma duvida ou curiosidade.
Bons estudos.