[DUVIDA] Botão Reiniciar

Olá Caio, tudo bem?

Pra mim ocorria o mesmo, ai acabei modificando algumas coisas e fiquei satisfeito com o resultado. Se vc quiser dar uma olhada na minha solução, segue o código logo abaixo:

let quantidadeDeNumeros;
let doNumero;
let ateNumero;
let listaNumerosSorteados;

reiniciar();

function pegaValoresDigitados(){
  quantidadeDeNumeros = parseInt(document.getElementById('quantidade').value);
  doNumero = parseInt(document.getElementById('de').value);
  ateNumero = parseInt(document.getElementById('ate').value);
}

function exibirHTMLNaTela(tag, texto){
  console.log(`exibeTexto ${tag}, ${texto}`)
  let elemento = document.querySelector(tag);
  elemento.innerHTML = texto;
}

function alterarStatusBotaoReiniciar(){
  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 reiniciar(){
  let botao = document.getElementById('btn-reiniciar');
  botao.classList.remove('container__botao');
  botao.classList.add('container__botao-desabilitado');

  exibirHTMLNaTela('#resultado', `<label class="texto__paragrafo">Números sorteados:  nenhum até agora</label>`);
  document.getElementById('quantidade').value = 5;
  document.getElementById('de').value = 1;
  document.getElementById('ate').value = 10;
  listaNumerosSorteados = [];
}

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

function sortear(){
  listaNumerosSorteados = [];
  pegaValoresDigitados();
  if(quantidadeDeNumeros > (ateNumero - doNumero + 1)){
    exibirHTMLNaTela('#resultado', `<label class="texto__paragrafo">A quantidede de números não pode ser maior do que o intervalo do número ${doNumero} até ${ateNumero}.</label>`);
  } else {
    while(listaNumerosSorteados.length < quantidadeDeNumeros){
      let numeroAleatorio = obterNumeroAleatorio(doNumero, ateNumero);
      if(!listaNumerosSorteados.includes(numeroAleatorio)){
        listaNumerosSorteados.push(numeroAleatorio);
      }
    }
    console.log(`Números sorteados ${listaNumerosSorteados}`);
    exibirHTMLNaTela('#resultado', `<label class="texto__paragrafo">Números de ${doNumero} ate ${ateNumero} sorteados ${listaNumerosSorteados}</label>`);
    
    let botao = document.getElementById('btn-reiniciar');
    botao.classList.remove('container__botao-desabilitado');
    botao.classList.add('container__botao');
  }
}

Meus amigos, baseado no código da aula e no código por vocês compartilhados, eu tentei desenvolver a aplicação do meu jeito e até consegui resolver alguns problemas como os do botão reiniciar, porém, esbarrei em 2 problema:

1 - Não consegui escrever uma verificação se a quantidade de números informados está dentro ou fora do range inicial e final. Eu não soube posicionar o trecho de código dentro do código principal e então quando eu preencho os campos e clico no sortear não acontece nada, eu não consigo clicar novamente em sortear e os campos travam e não consigo editar e ao atualizar a página, parece q entra em algum loop infinito e preciso fechar no navegador.

2 - O segundo problema talvez seja uma opinião pessoal minha, ao realizar o sorteio acho que deveria travar o botão e não realizar outro sorteio, deveria ter a mesma função do botão reiniciar, porém também não consegui posicionar o trecho de código.

Portanto, baseado no meu código, como eu poderia resolver esses 2 problemas?

Obrigado