diff --git a/temperature/script.js b/temperature/script.js new file mode 100644 index 0000000..282c960 --- /dev/null +++ b/temperature/script.js @@ -0,0 +1,41 @@ +var cel = document.getElementById("cel"); +var fah = document.getElementById("fah"); +var kel = document.getElementById("kel"); + +cel.addEventListener('input', function () { + let celValue = this.value; + let kelValue = Number(celValue) + 273.15; + let fahValue = (celValue * 9 / 5) + 32; + if (!Number.isInteger(fahValue)) { + // No. of Digits we want after decimal + fahValue = fahValue.toFixed(4); + } + fah.value = fahValue; + kel.value = kelValue; +}); + +fah.addEventListener('input', function () { + let fahValue = this.value; + let celValue = (fahValue - 32) * 5 / 9; + if (!Number.isInteger(celValue)) { + celValue = celValue.toFixed(4); + } + cel.value = celValue; + let kelValue = Number(celValue) + 273.15; + kel.value = kelValue; +}); + +kel.addEventListener('input', function () { + let kelValue = this.value; + let celValue = kelValue - 273.15; + let fahValue = (celValue * 9 / 5) + 32; + if (!Number.isInteger(fahValue)) { + // No. of Digits we want after decimal + fahValue = fahValue.toFixed(4); + } + fah.value = fahValue; + cel.value = celValue; +}); + + +function select() { } diff --git a/temperature/style.css b/temperature/style.css new file mode 100644 index 0000000..5f1fba7 --- /dev/null +++ b/temperature/style.css @@ -0,0 +1,33 @@ +h1{ + text-align: center; + text-decoration: lightcoral; + text-decoration-line: underline; +} + +body{ + padding: 50px 100px; +} + + +#container{ + text-align: center; + background-color: lightblue; + padding: 50px; +} + +label{ + font-size: 32px; +} + +.input-div{ + display: inline-block; +} + +.input-box{ + padding: 5px 0px; + margin: 15px; + font-size: 28px; + font-weight: bold; + text-align: center; + +} diff --git a/temperature/tempConverter.html b/temperature/tempConverter.html new file mode 100644 index 0000000..5cfe076 --- /dev/null +++ b/temperature/tempConverter.html @@ -0,0 +1,45 @@ + + + +
+ + + + +