TrY! TrY!  • 03.07.12 13:38

[Tutorial]Criando sorteio de números em jQuery. Empty [Tutorial]Criando sorteio de números em jQuery. 03.07.12 13:38

Estimados membros,

Irei ensinar como criar um sorteio de números em Javascript.
1:
Criaremos um campo de texto com determinada id, e uma quebra de linha ao seu lado:
Código:
<input type="text" id="numero_maximo" size="10"/><br>
2:
Posteriormente criaremos um botão que irá gerar o código, e após ele uma div que armazenará o resultado:
Código:
<button id="sortear">Sortear.</button>
<div id="resultado" title="Resultado">
   
</div>
3:
Agora iremos criar o Js.
Primeiramente iremos iniciar uma função quando a página for lida por completa:
Código:
$(function(){
Criaremos um evento click, que será iniciado quando o usuário clicar no botão com determinada id:
Código:
$('#sortear').click(function(){
Criaremos duas variáveis, uma com o valor do campo de texto, e outra com um sistema random, e o floor para tornar o número em inteiro.
Código:
 var value_Try = $('#numero_maximo').val();
    var resultado1 = Math.floor(Math.random()*value_Try);
Agora iremos fazer com que a div com determinada id receba o resultado.
Código:
$('#resultado').html(resultado1);
Agora fecharemos as funções.
Código:
});
});

Teste: http://fiddle.jshell.net/qjbmf/show/light/
Permissões neste sub-fórum
Não podes responder a tópicos

BH Servers

Recomendamos a BH Servers com proteção DDOS gratuita em Cloud Server de alta performance. Entrega imediata.