GENERAR NÚMEROS ALEATORIOS DENTRO DE UN RANGO CON JAVASCRIPT
- Jennifer Garcia
- 9 abr 2015
- 1 Min. de lectura
Algo muy básico, pero que siempre es bueno recordar, es la manera de generar un número aleatorio dentro de un rango determinado usandoJavaScript. La idea es la siguiente:
Math.floor(Math.random() * (MAX - MIN + 1)) + MIN;
donde MIN es el número entero que delimita el rango inferior, y MAX… ¿es necesario decirlo?
Como ejemplo, si deseamos generar un número aleatorio entre 25 y 75, la sentencia sería
Math.floor(Math.random() * (75-25+1)) + 25;
o lo que es lo mismo
Math.floor(Math.random() * 51) + 25;
Ejemplo Completo Sencillo:
<!DOCTYPE html> <html lang="es">
<head>
<meta charset="utf-8" />
<title>Generar Números Aleatorios dentro de un Rango</title>
<script type="text/javascript">
var aleatorio = Math.floor(Math.random() * 51) + 25;
document.write("<p>" + aleatorio + "</p>");
</script>
</head>
<body>
</body>
</html>
Ejemplo Completo Avanzado:
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="utf-8" />
<title>Generar Números Aleatorios dentro de un Rango</title>
<script type="text/javascript">
function aleatorio()
{
var min = parseInt(document.getElementById('min').value);
var max = parseInt(document.getElementById('max').value);
var res = Math.floor(Math.random() * (max - min + 1)) + min;
document.getElementById('resultado').innerHTML = res.toString();
}
</script>
</head>
<body>
<form >
<label for="min">Valor mínimo: </label>
<input id="min" />
<label for="max">Valor máximo: </label>
<input id="max" />
<input type="button" value="Calcular" onClick="aleatorio();"/>
</form>
<p id="resultado"></p>
</body>
</html>
Entradas recientes
Ver todo20.05.15 *Realización de segunda parte del proyecto *realización de prueba saber
Tutorial sobre INNER HTML en Javascript
Comments