Cursos

Simulados

P&R

Ajude-nos a manter este site sempre atualizado com novos Cursos, Tutoriais, Simulados e Projetos. Agradecemos a sua colaboração.
Os doadores receberão material que não consta do site diretamente no e-mail. Programas, Simulados, Tutoriais, Dicas, etc.

Tutoriais JavaScript - 24
Tutorial para Gerar Números Randômicos dentro de uma Determinada Faixa

Neste tutorial veremos como gerar números aleatórios ou randômicos dentro de uma determinada faixa.
Vamos aprender como podemos gerar um número aleatório usando a função Math.random() e alguma manipulação matemática entre um intervalo.
JavaScript é uma linguagem de script front-end. Muitas vezes precisamos gerar números aleatórios entre um intervalo, digamos, para uma entrada. JavaScript tem sua própria biblioteca de matemática integrada e sob ela temos uma função aleatória, que é como 'Math.random()', mas gera números flutuantes entre 0 e 1.
Assim, manipulando-o com algumas outras funções matemáticas e lógica matemática simples, podemos gerar números aleatórios dentro de um intervalo qualquer que quisermos.
Vejamos um exemplo de código JavaScript para gerar um número aleatório entre 1 e 10, mas nao zero.
<!DOCTYPE html> <html> <head> <title>Simulados & Tutoriais - Gerar Número Randomico dentro de um Intervalo</title> <script src='/google_analytics_auto.js'></script></head> <body> <button onclick="gerar()">Gerar Número</button><p> Número Gerado: <div id="resp"></div> <script type="text/javascript"> function gerar() { var resp = document.getElementById('resp'); resp.innerHTML = Math.floor(10* Math.random() + 1); } </script> </body> </html>
Veja na imagem abaixo o resultado desse código::

Vejamos alguns comentários sobre o código:
Quando o usuário clicar no botão 'Gerar Número', será gerado um número aleatoriamente entre 1 e 10, mas nunca o zero.

<< Tutorial para Selecionar/Deselecionar CheckBoxes
Tutorial para Permitir Apenas Números nos Formulários >>

Tutoriais

Programas

Projetos

Cursos

Android
C
C++
CSS3
HTML
Java
JQuery
JScript
PHP
SQL

P&R

Android
CSS3
HTML
Java
JQuery
JScript
PHP
Python

Simulados

Android
Arduino
C
C++
CSS3
HTML
Java
JQuery
JScript
PHP
Python
SQL

Tutoriais

Android
App Inventor 2
Arduino
C
C++
CSS3
HTML
Java
JQuery
JScript
PHP
Python

Programas

Android
App Inventor 2
C
Java
JQuery
JScript
PHP
Python

Projetos

Android
App Inventor 2
Arduino