const output = document.getElementById('resultado');
function convertir(segundosP) {
const segundos = (Math.round(segundosP % 0x3C)).toString();
const horas = (Math.floor(segundosP / 0xE10)).toString();
const minutos = (Math.floor(segundosP / 0x3C ) % 0x3C).toString();
output.innerHTML = `<br>${horas} horas, ${minutos} minutos y ${segundos} segundos.`;
}
<html>
<head>
<title>Conversor</title>
</head>
<body>
<h1>Conversor de segundos a horas,minutos y segundos</h1>
<label for="sec">Ingrese los segundos:</label>
<input type="text" id="sec" name="sec">
<button onclick="convertir(sec.value)">Convertir</button>
<span id="resultado"></span>
</body>
</html>
Esa es mi propuesta de solucion al codigo, si bien he cambiado muchas cosas los cambios mas grandes son:
- la funcion convertir ahora hace uso de un parametro
segundosP
- ahora no es necesario obtener el elemento que contiene la informacion de los segundos, la informacion se extrae directamente en el parametro de la funcion.
- He usado notacion
hexadecimal
para los numeros, (esto debido a que mi proyecto originalmente estaba usando esta notacion).
- Se usa algo llamado
template strings
.
La notación hexadecimal
para describir números también es valida, para describir un numero en notación hexadecimal
debemos anteponer a cualquier numero el valor 0x
el cual describe que el numero es un hexadecimal.
los valores en hexadecimal van desde el 0
hasta la F
, donde los valores son:
0 1 2 3 4 5 6 7 8 9 A B C D E F
Lo cual en notación decimal significa:
0 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15
Notese que los valores van desde el 0
hasta el 15
(contando desde el 0 a la F tendriamos entonces el numero 16), por este motivo se llama notacion hexadecimal
o base16
.
lo que hacemos es dividir numeros en base16 sobre los segundos que necesitas.
Donde los valores hexadecimales equivalen a:
0x3C = 60
0xE10 = 3600
0x18 = 24
en notacion decimal (la notacion que usamos a diario).
Asi que nos aseguramos con Math.round
y Math.floor
de tener siempre numeros enteros y hacemos distintas operaciones.
se encuentra tambien utilizandose el operador modulo (%
) el cual basicamente es la operacion resultado del residuo que hay entre dividir un numero entre otro.
en el caso de los segundos:
const segundos = (Math.round(segundosP % 0x3C)).toString();
Se usa para dividir entre 60
los segundos y quedarnos con el residuo, de esta manera el numero siempre va estar comprendido entre 0
y 59
.
para el caso de las horas y los minutos hacemos algo parecido.
por ultimo las template strings
te permiten crear una cadena que puede renderizar valores dentro.
en este caso la usamos para mostrar la informacion obtenida.