Convert Fahrenheit to Celsius with JavaScript

By  on  

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!

Recent Features

  • By
    Serving Fonts from CDN

    For maximum performance, we all know we must put our assets on CDN (another domain).  Along with those assets are custom web fonts.  Unfortunately custom web fonts via CDN (or any cross-domain font request) don't work in Firefox or Internet Explorer (correctly so, by spec) though...

  • By
    6 Things You Didn’t Know About Firefox OS

    Firefox OS is all over the tech news and for good reason:  Mozilla's finally given web developers the platform that they need to create apps the way they've been creating them for years -- with CSS, HTML, and JavaScript.  Firefox OS has been rapidly improving...

Incredible Demos

  • By
    Drag and Drop Z-Index Stacking

    In an example for a previous post, I showed you how to use opacity during a drag'n'drop transaction. One bit I didn't account for was element stacking and bringing the most recent element to the top of the stack. To do...

  • By
    Web Notifications API

    Every UI framework has the same set of widgets which have become almost essential to modern sites: modals, tooltips, button varieties, and notifications.  One problem I find is each site having their own widget colors, styles, and more -- users don't get a consistent experience.  Apparently the...

Discussion

  1. 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?

Wrap your code in <pre class="{language}"></pre> tags, link to a GitHub gist, JSFiddle fiddle, or CodePen pen to embed!