-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathapp.js
45 lines (36 loc) · 1.4 KB
/
app.js
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
let celsiusInput = document.querySelector('#celsius > input')
let fahrenheitInput = document.querySelector('#fahrenheit > input')
let kelvinInput = document.querySelector('#kelvin > input')
let btn = document.querySelector('.button button')
function roundNumber(number){
return Math.round(number*100)/100
}
//Celsius --> Fahrenheit and Kelvin
celsiusInput.addEventListener('input', function(){
let celTemp = parseFloat(celsiusInput.value)
let fahTemp = (celTemp*(9/5)) + 32
let kelTemp = celTemp + 273.15
fahrenheitInput.value = roundNumber(fahTemp)
kelvinInput.value = roundNumber(kelTemp)
})
//Fahenheit --> Celsius and Kelvin
fahrenheitInput.addEventListener('input', function(){
let fahTemp = parseFloat(fahrenheitInput.value)
let celTemp = (fahTemp - 32) * (5/9)
let kelTemp = (fahTemp - 32) * (5/9) + 273.15
celsiusInput.value = roundNumber(celTemp)
kelvinInput.value = roundNumber(kelTemp)
})
//Kelvin --> Celsius and Fahrenheit
kelvinInput.addEventListener('input', function(){
let kelTemp = parseFloat(kelvinInput.value)
let celTemp = kelTemp - 273.15
let fahTemp = (kelTemp - 273.15) * (9/5) +32
celsiusInput.value = roundNumber(celTemp)
fahrenheitInput.value = roundNumber(fahTemp)
})
btn.addEventListener('click', ()=>{
celsiusInput.value = ""
fahrenheitInput.value = ""
kelvinInput.value = ""
})