<head>
<script src="../scripts/jquery-3.6.4.min.js"></script>
<script>
$(document).ready(function(){
//Inicio definición de funciones***************************************
function aleatorio(a,b) { // -B-
return Math.round(rnd()*(b-a)+parseInt(a)); //parseInt trunca los decimales de a
}
function rnd() { // -A-
return Math.random()
}
function sindec(a){ // -C-
if(a<=100){
return parseInt(a);
}else if(a<=1000 && a>100){
return Math.ceil(a/10)*10 ;
}else if(a>1000){
return Math.ceil(a/100)*100 ;
}
}
function fecha(){ // -D-
var fecha = new Date();
hoy = fecha.toISOString().substring(0,10);
return hoy;
}
function horario(){ // -E-
var hora = new Date();
ahora = hora.toISOString().substring(11,19);
return ahora;
}
function archivo (peso){ // -F-
if (peso<1024){ //convierte B en KB, MB, GB
return peso + ' B';
}else if(peso>1024 && peso< 1048576){
return Math.round(peso/1024) + " KB";
}else if (peso>1048576 && peso< 1073741824){
return Math.round(peso/1048576) + " MB";
}else{
return Math.round(peso/1073741824) + " GB";
}
}
//Fin definición de funciones*******************************************
$("#generar").click(function(evento){
$("#alea").val(rnd());
});
$("#generar1").click(function(evento){
$("#alealim").val(aleatorio($("#inf").val(),$("#sup").val()));
});
$("#redondear").click(function(evento){
$("#redout").html(sindec($("#redin").val()));
});
$("#fechar").click(function(evento){
$("#mfecha").html(fecha()+' hora: '+ horario());
});
$("#peso").click(function(evento){
var a = parseInt($("#pesoin").val()); //convierto string a integer
$("#pesoout").html(archivo(a));
});
});
</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 class="recuadro">
<input name="redondear" type="button" value="Redondear decenas -C-" id="redondear"/>
<input type="text" id="redin" size=10 /> <span id="redout"> </span>
<div class="recuadro">
<input name="fechar" type="button" value="Fecha actual AAAA-MM-DD" id="fechar"/>
<span id="mfecha"> </span>
</div>
</div>
</div>
</body>