Projeto desenvolvido em JavaScript com o objetivo de realizar o sorteio de números aleatórios dentro de um intervalo definido pelo usuário, sem repetição, utilizando manipulação do DOM.
- Definir a quantidade de números a serem sorteados
- Informar o valor mínimo (de) e o valor máximo (até) do intervalo
- Gerar números aleatórios e não repetidos
- Exibir o resultado na tela
- Botão para reiniciar o sorteio e limpar os campos
- HTML
- CSS
- JavaScript (ES6)
- Manipulação do DOM
-
document.getElementById()
Utilizado para acessar e manipular elementos HTML pelo seu atributoid. -
.value
Usado para recuperar valores digitados em campos de formulário (input). -
Math.random()Gera um número aleatório entre0e1. -
Math.floorArrendonda o número para baixo e remove os decimais.Math.floor(Math.random() * (max - min + 1)) + min
-
Gera um número aleatório, com min e max, inclusive ↑
-
Array.push(valor)Adiciona um valor ao final do array. -
includes()Determina se um array possui um valor especifico. Retorna true ou false. -
.innerHTMLUtilizado quando precisamos manipular o conteudo HTML interno de um elemento. -
.textContentUtilizado quando queremos inserir ou modificar um texto simples dentro de um elemento HTML. -
WhileRepete um bloco de código enquanto uma condição for verdadeira. -
.classListLista as classes de um elemento. -
.classList.containsVerifica se um elemento possui certa classe
-
.classList.removeRemove uma classe específica
-
.classList.addAdiciona uma classe específica