Entrar Ainda não tem acesso?
Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

Faça como eu fiz: alterando o status do botão

Referente ao curso Lógica de programação: praticando com desafios, no capítulo Projeto Sorteador de números e atividade Faça como eu fiz: alterando o status do botão

por Henrique Germano Manhani
| 6.2k xp | 15 posts
function sortear() {
    let listaNumeros = [];
    let numero;

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


    while (listaNumeros.length < quantidade) {
        numero = obterNumeroAleatorio(de, ate);
        if (!listaNumeros.includes(numero)) {
            listaNumeros.push(numero);
        } 
    }

    let resultado = document.getElementById('resultado');
    resultado.innerHTML = `<label class="texto__paragrafo">Números sorteados: ${listaNumeros} </label>`;
    alterarStatusBotao();
}

function alterarStatusBotao() {
    let botao = document.getElementById('btn-reiniciar');

    if botao.classList.contains('container__botao-desabilitado') {
        botao.classList.remove('container__botao-desabilitado');
        botao.classList.add('container__botao');

    } 
    else {
        botao.classList.remove('container__botao');
        botao.classList.add('container__botao-desabilitado');
    }
}

function obterNumeroAleatorio(min, max) {
    return parseInt(Math.random() * (max - min + 1) + min);
}

function reiniciar(){
    document.getElementById('quantidade').value =";
    document.getElementById('de').value =";
    document.getElementById('ate').value =";
    document.getElementById('resultado').innerHTML = '<label class="texto__paragrafo">Números sorteados: nenhum até agora</label>';
    alterarStatusBotao();
}
1 resposta
solução!
por Lorena Garcia
| 13362.2k xp | 19841 posts
Instrutor

Oi, Henrique! Como vai?

Agradeço por compartilhar seu código com a comunidade Alura.

Gostei da forma como você organizou a lógica do sorteio usando um array pra evitar números repetidos com includes(). Outro ponto interessante foi separar a função alterarStatusBotao(), deixando o código mais organizado e reutilizável quando o botão precisa mudar de estado.

Você pode utilizar o método join() pra mostrar os números sorteados de forma mais organizada na tela. 


let numeros = [2, 5, 8, 10];
let texto = numeros.join(', ');
console.log(texto);

Esse código usa join() para transformar os elementos do array em uma única string separada por vírgulas, facilitando a exibição dos números sorteados no resultado.

Conteúdos relacionados
Alura Conte com o apoio da comunidade Alura na sua jornada. Abraços e bons estudos!

Tópicos relacionados

Mostrar mais tópicos Mostrar menos tópicos

Conteúdos Alura com o tema

Trilhas por carreira

Carreiras de IA

Carreiras de Dados

Carreiras de Cyber

Carreiras de DevOps & Cloud

Carreiras de UX & UI

Carreiras de Mobile & Front-End

Carreiras de Back-End

Carreiras de Negócios

Cursos universitários FIAP

Graduação | Pós-graduação | MBA