Criar Web, manuais e recursos para desenvolvimento web
Manuais
Programas
FAQS
Diretório
Comunidade
  Inicio > Manuais > Workshop de Javascript
SEÇÕES
Manuais relacionados
+Workshop de Javascript
Categorias
+Scripts em Javascript

Índice do Manual Workshop de Javascript
+ Efeitos rápidos com Javascript
+ Abertura e configuração de popups com Javascript
+ Acessso por senha Javascript
+ Rollover com Javascript
+ Navegador dinâmico Javascript
+ Navegador desdobrável
+ Navegador desdobrável com frames
+ Texto em movimento na barra de estado
+ Marcar ou desmarcar todos os checkboxes de um formulário com Javascript
+ Desabilitar o menu contextual do navegador com Javascript
+ Relógio em Javascript
+ Scripts diferentes para cada navegador
+ Tamanho dos campos relativo ao navegador
+ Estilos diferentes para cada navegador
+ Tabela de cores com Javascript
+ Sub-menu em outra janela
+ Degradê de cor Javascript
+ Validar inteiro no campo de formulário
+ Exemplos de funcionamento da classe String
+ Exemplo de funcionamento de Date
+ Link aleatório Javascript
+ Geração de números aleatórios Javascript
+ Comprovar se as senhas são iguais
+ Ex. de trabalho com formulários. Calculadora simples
+ Enviar ao navegador a outra página se não tiver Javascript
+ Confirmação de envio de formulário
+ Javascript para se posicionar em um select
+ Inibir um campo texto de formulário com Javascript
+ Camadas com Internet Explorer 5, 6, Netscape 6, 7 e Opera
+ Mostrar e ocultar camadas com IE 5,6 NS 6,7
+ Movimento de Camadas com IE 5,6 NS 6,7
+ Escritura nas Camadas com IE 5, 6, NS 6, 7
+ Como iluminar tabelas, células ou filas
+ Inibir radio button com Javascript
+ Atualizar dois frames com um só link
+ Calcular a idade em Javascript
+ Iluminar formulários com CSS e Javascript
+ Autozoom de texto com Javascript
+ Javascript para evitar que a página se mostre em um frame
+ Elementos de formulário select associados
+ Conta os caracteres escritos em um textarea
+ Passo de parâmetros em HTML com client-side Javascript
+ Moldura dinâmica em Javascript com texto que muda
+ Criação de gráficos de barras com Javascript
+ Jogos em Javascript
+ Cross-Browser. DHTML compatível com todos os navegadores.
+ HTML Area. Editor WYSIWYG
+ Ocultar um e-mail de um link para evitar o spam
+ Função em Javascript para a inserção de datas
+ DHTML Calendar
+ Gerar uma cor aleatória com Javascript
+ A aprendizagem na Internet
+ Menu Dinâmico com Javascript
+ Página que muda aleatoriamente a cor de fundo
+ Script de recarregamento da página com Javascript
+ Mudar a cor às células de uma tabela com Javascript
+ Pop-ups DHTML – OpenPopups
+ Validar a extensão de um arquivo a subir com Javascript
+ Detectar a resolução da tela do usuário com Javascript
+ Esconder a URL de um link na barra de estado
+ Como integrar conteúdo RSS em minha página?
+ Fazer com que um iframe se ajuste à altura de uma janela com Javascript
+ É vantajoso o uso de ParseInt para validar números?
+ Efeito para desabilitar/habilitar o fundo da Página
+ Validar número de checkbox marcados com Javascript
+ Evitar que um textarea supere um número de caracteres permitidos

Descrição dos capítulos

Parceiros
- CSS para Web Design
- S.O.S Designers
- Slackware-Brasil
- Crie seu Web site
- Oficina da Net


Geração de números aleatórios Javascript

Artigo no qual se cria uma função para gerar números aleatórios na linguagem Javascript.


Em Javascript dispomos da classe Math, muito útil quando queremos fazer cálculos matemáticos de certa complexidade. Tal classe está explicada e documentada em um capítulo do manual de Javascript II. Para os que necessitarem, também temos explicações do que são as classes e os objetos.

Neste workshop de Javascript vamos construir uma simples função para criar um número aleatório, entre um mínimo e um máximo, que poderemos utilizar logo em outros scripts mais complexos.

Aqui temos o código que usa o método random da classe Math para obter um número aleatório com Javascript.

var aleatorio = Math.random()

Assim criamos uma variável aleatória à que atribuímos o resultado de executar o método random da classe Math. O número aleatório que obtemos sempre estará compreendido entre 0 e 1.

Se desejarmos obter um número aleatório em outra categoria, poderemos consegui-lo com um pouco de matemática e com a classe Math. Para ilustrar isso vamos fazer uma função que devolve um número aleatório compreendido em um intervalo. O intervalo o recebe como parâmetro com duas variáveis, uma para o limite pela parte inferior e outra para o limite pela parte superior.

function aleatorio(inferior,superior){
    numPossibilidades = superior - inferior
    aleat = Math.random() * numPossibilidades
    aleat = Math.floor(aleat)
    return parseInt(inferior) + aleat
}

A função que fizemos é muito simples, porém funciona perfeitamente para todos os tipos de intervalos que possamos passar, tanto com números positivos como negativos. O primeiro que fazemos é obter o número de possibilidades diminuindo ao limite superior o inferior. Logo, multiplicamos tal numero de possibilidades pelo número aleatório obtido (que está entre 0 e 1), com o qual obtemos um número aleatório entre 0 e o número de possibilidades.

O número tem um monte de decimais, e neste exemplo desejamos obter um número inteiro, sem decimais. Por isso, logo utilizamos o método round() da clase Math, que nos dá o inteiro mais próximo. Como o número ainda está entre 0 e o número de possibilidades temos que somar o limite inferior, com o que estará dentro da categoria que desejarmos. Este último valor será em que devolva a função.

Esta função pode-se ver em funcionamento em uma página a parte. No exemplo, construímos um pequeno formulário que podemos preencher com o mínimo e o máximo e quando apertamos sobre o botão se mostrará o valor aleatório no campo abaixo de tudo.

Um exemplo do que podemos fazer com um número aleatório pode ser criar um link aleatório em uma página web. Podemos vê-lo no exemplo Link aleatório em Javascript. Ademais, neste exemplo cria-se o número aleatório de maneira ligeiramente distinta a como vimos agora, o que pode ser interessante para aprender melhor a usar os métodos da classe Math.

Autoria e outras referências sobre este artigo

Manuais relacionados com este artigo
Dentro de Workshop de Javascript

Categorias relacionadas
Através das categorias do nosso diretório podem ser encontrados outros tipos de recursos relacionados com este artigo:
+ Entrar em Scripts em Javascript


Comentários dos visitantes
Os comentários dos visitantes são para ampliar a informação do artigo. Todos podem participar.
Acrescentar um comentário do artigo Acrescentar um comentário do artigo



Sobre nós | Copyright | Anuncie | Entrar em contato <criarweb>

Hospedado por Hostnet Hospedagem de Sites