[Dúvida] Botões e negativos | Lógica de programação: praticando com desafios

Bom dia, fui acompanhando o fórum para verificar o que poderia ser feito para melhorar o código, porém, encontrei algumas duvidas que não consegui resolver, segue abaixo elas:

Antes de sortear os números, consegui adicionar o bloquear no botão reiniciar, porém, após sortear os números, o botão sortear ainda fica ativo, sendo possível clicar e jogar, além de mudar o status do reiniciar sem clicar no reiniciar, gostaria de saber como posso bloquear o botão sortear após ser sorteados os números , para que seja possível somente sortear novamente se reiniciar o jogo.
A outra duvida que não consegui resolver foi de ser possível sortear números negativos.

quem poder me ajudar a resolver esses problemas fico agradecido, forte abraço.

Olá, Luis, bom dia!

Vamos resolver suas dúvidas uma por uma.

Bloquear o botão "Sortear" após o sorteio

Para bloquear o botão "Sortear" após sortear os números, você pode alterar a classe do botão para desabilitá-lo, assim como foi feito com o botão "Reiniciar". Aqui está um exemplo de como você pode fazer isso:

function sortear() {
    // Seu código de sorteio aqui...

    // Exibir o resultado
    resultado.innerHTML = `<label class="texto__paragrafo">Números sorteados: ${sorteados}</label>`;

    // Alterar o status dos botões
    alterarStatusBotao();
    desabilitarBotaoSortear();
}

function desabilitarBotaoSortear() {
    let botaoSortear = document.getElementById('btn-sortear');
    botaoSortear.classList.add('container__botao-desabilitado');
    botaoSortear.classList.remove('container__botao');
    botaoSortear.disabled = true; // Desabilitar o clique no botão
}

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();
    habilitarBotaoSortear();
}

function habilitarBotaoSortear() {
    let botaoSortear = document.getElementById('btn-sortear');
    botaoSortear.classList.remove('container__botao-desabilitado');
    botaoSortear.classList.add('container__botao');
    botaoSortear.disabled = false; // Habilitar o clique no botão
}

Sortear números negativos

Para permitir o sorteio de números negativos, você precisa ajustar a lógica do sorteio para considerar a faixa de números negativos. Aqui está um exemplo de como você pode fazer isso:

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

    for (let i = 0; i < quantidade; i++) {
        let numeroSorteado = Math.floor(Math.random() * (ate - de + 1)) + de;
        sorteados.push(numeroSorteado);
    }

    resultado.innerHTML = `<label class="texto__paragrafo">Números sorteados: ${sorteados.join(', ')}</label>`;
    alterarStatusBotao();
    desabilitarBotaoSortear();
}

Nesse exemplo, a função Math.random() é usada para gerar números aleatórios dentro do intervalo especificado, que pode incluir números negativos.

Espero ter ajudado e bons estudos!

Caso este post tenha lhe ajudado, por favor, marcar como solucionado ✓.

Mergulhe em programação