Generar 3 números aleatorios y que no se repitan: JavaScript

,Generar 3 números aleatorios y que no se repitan. En este artículo veremos la forma de generar números aleatorios usando «Math.random()» de JavaScript. Esa función devuelve un número pseudoaleatorio de punto flotante y su rango va desde 0 (incluido) hasta 1 (exclusivo) ([0, 1)).

Sin embargo, la mayoría de los navegadores actuales también lo admiten.

A continuación, veremos la sintaxis del método y también en un anterior articulo vimos algo similar «números aleatorios con JavaScript», que nos servirán como base para este artículo.

Generar 3 números aleatorios y que no se repitan JavaScript
Generar 3 números aleatorios y que no se repitan JavaScript

Método random(): Generar 3 números aleatorios

Devolver un número aleatorio entre 0 (incluido) y 1 (exclusivo):

Sintaxis del método

Math.random();

El método random() devuelve un número aleatorio desde 0 (incluido) hasta 1 (exclusivo) pero sin incluirlo.

Parámetros del metodo:

Esta función no acepta ningún parámetro.

Valor devuelto:

Recordemos que la función «math.random()» devuelve un número pseudoaleatorio de punto flotante entre el rango [0,1) , 0 (incluido) y 1 (exclusivo).

Pasos para normalizar números aleatorios en JavaScript

En este ejemplo nos basaremos en el metodo «math.random()» descrito en lineas arriba. Sin embargo, esta función genera punto flotante entre dos números bajos (incluidos) y altos (exclusivos) ([bajo, alto)).

1.- A continuación se muestran un ejemplo de uso de Math.random() en JavaScript para generar números aleatorios en diferentes rangos:

var random = Math.random(); 
document.write("Numero aleatorio Generado es : " + random );  

Salida

Si observamos, podemos aprecias que el resultado es aleatorio entre a y uno en decimales. Sin embargo, este resultado tiene que ser normalizado.

El numero generado es : 0.6761471926509138

2.- La solución sería convertir en entero aleatorio entre dos valores usando Math.random() y podemos usarlo para obtener un entero entre dos valores válidos. Veamos un ejemplo entre 10 y 50.

var min=10; 
var max=50;  
var random =Math.floor(Math.random() * (+max - +min)) + +min; 
document.write("Random Number Generated : " + random );  

Salida

El numero aleatorio es : 27

Con este resultado hemos apreciado los números aleatorios entre 10 y 50. A continuación, veremos la aplicación de este método en  otros ejemplos.

Genera 3 números aleatorios entre 1 y 49

Ya tenemos todo claro acerca de la generación de números aleatorios. Por lo tanto, ahora veremos un ejemplo con un rango de 1 a 49 y que no se repitan, los números generados serán 3 y que no se repitan al refrescar la página.

Para lograr este objetivo tenemos que declarar variables y además usando condicionales podemos concretar el ejemplo descrito.

    var n = 0;
    var numero;
    var uno = 0;
    var dos = 0;
    var tres = 0;
    do {
        numero = Math.floor((Math.random() * 50) + 1);
        if ((numero != uno) && (numero != dos) && (numero != 3)) {
            document.write(numero + "<br>");
            n++;
            if (n == 1) {
                uno = numero;
            }
            if (n == 2) {
                dos = numero;
            }
            if (n == 3) {
                tres = numero;
            }
        }
    } 
while (n < 3);

CONCLUSIÓN: Generar 3 números aleatorios

Usando la condicional «IF» y «WHILE» podemos realizar este ejemplo con números aleatorios y que no se repitan. Sin embargo, el factor más importante es el método «Math.random()» del JavaScript.

En este artículo, hemos aprendido de una manera sencilla como generar números aleatorios. Por lo tanto, espero que esta breve explicación les ayude en sus proyectos que estén realizando.

Descarga del ejemplo

Por último, para comprobar el ejercicio, les dejaré el ejemplo completo en un archivo Zip. Sin embargo, también le hemos agregado la librería BootStrap.

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Scroll al inicio