<head>
<script src="../scripts/jquery-3.6.4.min.js"></script>
<script>
$(document).ready(function(){
function aleatorio(a,b) {
return Math.round(rnd()*(b-a)+parseInt(a));
}
function rnd() {
var seed=new Date().getTime();
var x = Math.sin(seed) * 10000;
return x - Math.floor(x);
}
$("#generar").click(function(evento){
$("#alea").val(rnd());
});
$("#generar1").click(function(evento){
$("#alealim").val(aleatorio($("#inf").val(),$("#sup").val()));
});
});
</script>
<style>
.recuadro{
margin: 0 auto;
width:60%;
padding-top:10px;
padding-bottom:10px;
border:#999 solid 1px;
margin-bottom:20px;
}
input{
margin-bottom: 10px;
}
</style>
</head>
<body>
<div style="padding-top:20px;"> <!-- contenedor-->
<div class="recuadro">
<input name="Generar" type="button" value="Generar aleatorio -A-" id="generar" />
<input type="text" id="alea" size=10 />
</div>
<div class="recuadro">
<div>
Límite inferior (entero) <input type="text" id="inf" size="5" />
</div>
<div>
Límite superior (entero) <input type="text" id="sup" size="5" />
</div>
<div>
<input name="Generar" type="button" value="Generar aleatorio -B-" id="generar1" />
</div>
<div>
<input type="text" id="alealim" size="30" />
</div>
</div>
</div>
</body>