Random Number from Range (jQuery/Javascript)
By | Wednesday, January 11, 2012


Hide Comments
Min:
Max:






jQuery:
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script>
function rand(){
var mn = parseInt($("#mn").val());
var mx = parseInt($("#mx").val());

var r = mn + Math.floor(Math.random()*(mx+1-mn));
$("#random").html(r);
}
</script>
</head>
<body>
<table>
<tr><td align="right">Min:</td><td align="left"><input id="mn"></td></tr>
<tr><td align="right">Max:</td><td align="left"><input id="mx"></td></tr>
<tr><td align="right"></td><td align="left"><input onClick="rand()" type="button" value="Randomize!"></td></tr>
<tr><td align="right"></td><td align="left"><span id="random"></span></td></tr>
</table>
</body>
</html>
Javascript:
<html>
<head>
<script>
function rand(){
var mn = parseInt($("#mn").val());
var mx = parseInt($("#mx").val());

var r = mn + Math.floor(Math.random()*(mx+1-mn));
document.getElementById("#random").innerHTML = r;
}
</script>
</head>
<body>
<table>
<tr><td align="right">Min:</td><td align="left"><input id="mn"></td></tr>
<tr><td align="right">Max:</td><td align="left"><input id="mx"></td></tr>
<tr><td align="right"></td><td align="left"><input onClick="rand()" type="button" value="Randomize!"></td></tr>
<tr><td align="right"></td><td align="left"><span id="random"></span></td></tr>
</table>
</body>
</html>