Código de JavaScript - Conversor entre Celsius, Fahrenheit, Kelvin y Rankine

Imágen de perfil
Val: 2.231
Oro
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Conversor entre Celsius, Fahrenheit, Kelvin y Rankinegráfica de visualizaciones


JavaScript

Publicado el 16 de Octubre del 2019 por Xavi
685 visualizaciones desde el 16 de Octubre del 2019
Simple código que permite introducir cualquier grado y convierte el valor automáticamente a los otros valores.

conversor-Celsius-Fahrenheit-Kelvin-Rankine

Versión 1.0

Publicado el 16 de Octubre del 2019gráfica de visualizaciones de la versión: Versión 1.0
686 visualizaciones desde el 16 de Octubre del 2019
estrellaestrellaestrellaestrellaestrella
estrellaestrellaestrellaestrella
estrellaestrellaestrella
estrellaestrella
estrella

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
 
    <style>
    body {font-family:Arial;}
    form {width:600px;text-align:center;}
    input[type=number] {border:2px solid #808080;text-align:right;}
    input[type=button] {display:block;margin:auto;}
    form span {display:inline-block;width:150px;text-align:right;}
    form div {margin:5px;}
    </style>
</head>
 
<body>
 
    <h2>Conversor entre Celsius, Fahrenheit, Kelvin y Rankine</h2>
 
    <form>
        <div><span>Celsius/centigrados:</span> <input type="number" name="cel"> ºC</div>
        <div><span>Fahrenheit:</span> <input type="number" name="fah"> ºF</div>
        <div><span>Kelvin:</span> <input type="number" name="kel"> ºK</div>
        <div><span>Rankine:</span> <input type="number" name="ran"> ºR</div>
    </form>
 
</body>
</html>
 
<script>
const inputs=document.querySelectorAll("form input[type=number]");
inputs.forEach(el=>{
    el.addEventListener("keyup", convert);
    el.addEventListener("focus", function() {this.select()})
});
 
/**
 * Función que realiza la conversión
 */
function convert(e) {
    const cel=document.querySelector("input[name=cel]");
    const fah=document.querySelector("input[name=fah]");
    const kel=document.querySelector("input[name=kel]");
    const ran=document.querySelector("input[name=ran]");
 
    if (this.name=="cel" && this.value) {
        fah.value=(parseFloat(cel.value)*1.8+32).toFixed(2);
        kel.value=(parseFloat(cel.value)+273.15).toFixed(2);
        ran.value=(parseFloat(cel.value)*1.8+491.67).toFixed(2);
    } else if (this.name=="fah" && this.value) {
        cel.value=((parseFloat(fah.value)-32)/1.8).toFixed(2);
        kel.value=(((parseFloat(fah.value)-32)/1.8)+273.15).toFixed(2);
        ran.value=(parseFloat(fah.value)-32+491.67).toFixed(2);
    } else if (this.name=="kel" && this.value) {
        cel.value=(parseFloat(kel.value)-273.15).toFixed(2);
        fah.value=(((parseFloat(kel.value)-273.15)*1.8)+32).toFixed(2);
        ran.value=(((parseFloat(kel.value)-273.15)*1.8)+491.67).toFixed(2);
    } else if (this.name=="ran" && this.value) {
        cel.value=((parseFloat(ran.value)-491.67)/1.8).toFixed(2);
        fah.value=(parseFloat(ran.value)-491.67+32).toFixed(2);
        kel.value=(((parseFloat(ran.value)-491.67)/1.8)+273.15).toFixed(2);
    }
}
 
</script>



Comentarios sobre la versión: Versión 1.0 (0)


No hay comentarios
 

Comentar la versión: Versión 1.0

Nombre
Correo (no se visualiza en la web)
Valoración
Comentarios
Es necesario revisar y aceptar las políticas de privacidad

http://lwp-l.com/s5591