Convert Fahrenheit to Celsius with JavaScript
The United States is one of the last bodies that refuses to implement the Celsius temperature standard. Why? Because we're arrogant and feel like we don't need to change. With that said, if you code for users outside the US, it's important to provide localized weather data to users. Let's took at how you can convert between Fahrenheit and Celsius.
Fahrenheit to Celsius
The formula to convert Fahrenheit to Celsius is:
°C = 5/9 x (°F - 32)
The following function converts Fahrenheit to Celsius:
function convertFahrenheitToCelsius(degrees) {
return Math.floor(5 / 9 * (degrees - 32));
}
Celsius to Fahrenheit
The formula to convert Celsius to Fahrenheit is:
°F = (°C × 9/5) + 32
The following function converts Celsius to Fahrenheit:
function convertCelsiusToFahrenheit(degrees) {
return Math.floor(degrees * (9/5) + 32);
}
Temperature conversion is one of those things that's difficult to do in your head due to the somewhat complex formula. If you have a site that reflects weather data, keep these handy functions nearby!
![An Interview with Eric Meyer]()
Your early CSS books were instrumental in pushing my love for front end technologies. What was it about CSS that you fell in love with and drove you to write about it?
At first blush, it was the simplicity of it as compared to the table-and-spacer...
![Create a CSS Cube]()
CSS cubes really showcase what CSS has become over the years, evolving from simple color and dimension directives to a language capable of creating deep, creative visuals. Add animation and you've got something really neat. Unfortunately each CSS cube tutorial I've read is a bit...
![Animated Progress Bars Using MooTools: dwProgressBar]()
I love progress bars. It's important that I know roughly what percentage of a task is complete. I've created a highly customizable MooTools progress bar class that animates to the desired percentage.
The Moo-Generated XHTML
This DIV structure is extremely simple and can be controlled...
![Duplicate the jQuery Homepage Tooltips Using MooTools]()
The jQuery homepage has a pretty suave tooltip-like effect as seen below:
Here's how to accomplish this same effect using MooTools.
The XHTML
The above XHTML was taken directly from the jQuery homepage -- no changes.
The CSS
The above CSS has been slightly modified to match the CSS rules already...
The reason the US (and a few other countries) don’t convert to Celsius and other metric systems has nothing to do with arrogance. Do you think that Russia is not arrogant? China? North Korea?
The reason has to do with cost-benefit analysis. How many mental, economic, medical, social, and legal changes would have to be made, as well as the corresponding costs to time and money, to allow a complete change over. Many efforts have been made to switch the US systems officially to something else and they usually fail because the general public and industry collectively decide, often subconsciously, that it isn’t worth the change.
To that note, the US is not unique. There are lots of countries that are officially on metric standards, yet still use other units in various places and contexts.
Additionally, consider time. Time is represented in base 10 units at the low levels, but then it’s base 60 for seconds, base 60 for minutes, base 24 or 12 * 2 for hours, days are sometimes base 30 (but not always), and years are base 12-ish (their size changes from year to year). There have been attempts to use decimal time all around the world, but to date, no country officially uses it. Is the world just arrogant?