Skip to content

Instantly share code, notes, and snippets.

@takatoh
Last active August 4, 2018 22:28
Show Gist options
  • Save takatoh/677baafc52968cc3257626f378103589 to your computer and use it in GitHub Desktop.
Save takatoh/677baafc52968cc3257626f378103589 to your computer and use it in GitHub Desktop.
Fahrenheit / Celsius converter
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Fahrenheit / Celsius converter</title>
<script type="text/javascript">
function convert() {
let deg = document.getElementById("degree").value;
let dest = document.getElementById("answer");
let elements = document.getElementsByName("temperature");
let a;
for (let i = 0; i < elements.length; i++) {
if (elements[i].checked) {
a = elements[i].value;
break;
}
}
if (a === "fahrenheit") {
dest.innerHTML = f2c(Number(deg));
} else {
dest.innerHTML = c2f(Number(deg));
}
}
function f2c(deg) {
return (deg - 32) * 5 / 9;
}
function c2f(deg) {
return deg * 9 / 5 + 32;
}
function clearVals() {
document.getElementById("degree").value = "";
document.getElementById("answer").innerHTML = "";
}
document.addEventListener("DOMContentLoaded", function() {
document.getElementById("convertButton").addEventListener("click", convert, false);
document.getElementById("clearButton").addEventListener("click", clearVals, false);
}, false);
</script>
</head>
<body>
<h1>Fahrenheit / Celsius converter</h1>
<input type="radio" name="temperature" value="fahrenheit" checked />
Fahrenheit into Celsius<br />
<input type="radio" name="temperature" value="celsius" />
Celsius into Fahrenheit<br />
<input type="text" id="degree" />
<button type="button" id="convertButton">convert</button><br />
<output id="answer"></output><br />
<button type="button" id="clearButton">clear</button>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment