Temperature Converter

Sandeep Gangadharan Feb 12, 2007

General

Convert temperatures from Fahrenheit to Centigrade and vise-versa. Very easy to implement. Enter the temperature in one box and either press 'enter' or click in the other box to see the converted value.

Notes

Created by: Sandeep Gangadharan
Web Site: http://sivamdesign.com/scripts/

Source Code

Paste this source code into the designated areas.

External file

Paste this code into an external JavaScript file named: temperatureConverter.js

/* This script and many more are available free online at
The JavaScript Source!! http://www.javascriptsource.com
Created by: Sandeep Gangadharan | http://sivamdesign.com/scripts/ */
function celsconv() {
  document.convert.result.value=Math.round(((document.convert.temp.value) * 9/5 + 32) * 10) / 10;
}

function fahrconv() {
  document.convert.temp.value=Math.round(((((document.convert.result.value)- 32) * 5)/9) * 10) / 10;
}

if(document.layers) window.captureEvents(Event.KEYDOWN);
function enterKey() {
  if(event.keyCode==13) event.keyCode=9;
}

Head

Paste this code into the HEAD section of your HTML document.


<script type="text/javascript" src="temperatureConverter.js"></script>

Body

Paste this code into the BODY section of your HTML document


<form name="convert">
<h3>Temperature Converter</h3>
  <input style="text-align: right;" type="text" size="6" name="result" value="00" onChange="fahrconv()"; onKeyDown="enterKey()" onFocus="select()">
      <b>Fahrenheit</b>
  <br>
  <input style="text-align: right;" type="text" size="6" name="temp" value="00" onChange="celsconv()"; onKeyDown="enterKey()" onFocus="select()">
      <b>Centrigrade</b>
</form>

Leave a Response

(0 comments)

Alphabetical Listing

Tutorials

Ajax Tutorials

Ajax

Buttons

Cookies

CSS

Forms

Games

Generators

Image Effects

Math Related

Miscellaneous

Multimedia

Navigation

Page Details

Password

Snippets

Text Effects

Time & Date

User Details

Temperature Converter

General

Temperature Converter

Notes

Source Code

External file

Head

Body

Leave a Response

Attention JavaScript Coders

Go Deeper