<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="utf-8">
<script>
function validarNumero(numero)
{
var patron=new RegExp("^([0-9])*$");
if(numero.search(patron)==0)
{
return true;
}
return false;
}
/**
* Función que calcula el numero de semanas
*/
function calcular()
{
// Obtenemos el numero de horas
var horas=document.getElementsByTagName('input')[name="horas"].value;
var resultado="";
if(validarNumero(horas))
{
// Una semana tiene 24*7=168 horas
if(horas<168)
{
resultado="Una semana tiene 168 dias!!!";
}else{
var semanas=parseInt(horas/168);
var horasRestantes=horas-(semanas*168);
console.log(horasRestantes);
resultado=horas+" horas equivale a "+semanas+" semanas";
if(horasRestantes>0)
{
resultado=resultado+" y "+horasRestantes+" horas";
}
}
}else{
resultado="Tiene que ser un valor numerico."
}
document.getElementById("resultado").innerHTML=resultado;
return false;
}
</script>
</head>
<body>
<h1>Devolver el numero de semanas y horas restantes</h1>
<form onSubmit="return calcular();">
Indica un numero de horas:
<input type="text" name="horas">
<input type="submit" value="Calcular las semanas">
<br><br>
<div id="resultado"></div>
</form>
</body>
</html>
Comentarios sobre la versión: Versión 1 (0)
No hay comentarios