lunes, 9 de septiembre de 2013

Rand en Javascript - Números aleatorios



Interesante: Vídeo Tutorial de Javascript, aprende a programar Javascript desde cero.

Javascript provee de una clase llamada Math la cual permite realizar ciertas operaciones matemáticas, entre ellas se encuentra los métodos floor y random:

 floor: devuelve un número entero, eliminando los decimales, no importa que los decimales se aproximen más al siguiente entero, por ejemplo, si ejecutas alert(Math.floor(12.8)); te devolverá 12, al igual que si ejecutas un decimal menor, alert(Math.floor(12.1)); también te devolverá 12, este método es necesario para realizar el número aleatorio de lo contrario devolverá números decimales.

random: devuelve un número aleatorio multiplicado por un máximo valor y "+1" hace referencia al número incial. (Math.random()*maximo_valor)+1

En el siguiente ejemplo puedes ver una demostración para crear números aleatorios, puedes utilizar un rango de números hasta un valor máximo de 1000 y un mínimo de 1.

Seleccionar un número del 1 al


Código del ejemplo ...

<script>
$(function(){
$(":input").change(function(){
$("#n_range").html($("#rr").val());
});

$("#btn_range").click(function(){
rand = Math.floor((Math.random()*$("#rr").val())+1);
$("#result_random").html("Número aleatorio: "+rand);
});
});
</script>


<form>
Seleccionar un número del 1 al <input type="range" id="rr" min="1" max="1000" value="500"><span id="n_range"></span>
<button type="button" id="btn_range">Obtener número aleatorio</button>
<div id="result_random"></div>
</form>