THE WORLD'S LARGEST WEB DEVELOPER SITE

How TO - Length Converter


Learn how to create a Length converter with HTML and JavaScript.


Length Converter

Type a value in any of the fields to convert between Length measurements:


Create a Length Converter

Create an input element that can convert a value from one Length measurement to another.

Step 1) Add HTML:

Example - Feet to Meter

<p>
  <label>Feet</label>
  <input id="inputFeet" type="number" placeholder="Feet"
  oninput="lengthConverter(this.value)" onchange="lengthConverter(this.value)">
</p>
<p>cm: <span id="outputMeters"></span></p>

Step 2) Add JavaScript:

Example - Feet to Meter

/* When the input field receives input, convert the value from feet to meters */
function lengthConverter(valNum) {
  document.getElementById("outputMeters").innerHTML=valNum/0.0022046;
}
Try it Yourself »


Convert from Feet to other Measurements

The table below shows how to convert from Feet to other Length measurements:

Description Formula Example
Convert from Feet to Meters m=ft/3.2808 Try it
Convert from Feet to Inches in=ft*12 Try it
Convert from Feet to cm cm=ft/0.032808 Try it
Convert from Feet to Yards yd=ft*0.33333 Try it
Convert from Feet to Kilometers km=ft/3280.8 Try it
Convert from Feet to Miles mi=ft*0.00018939 Try it

Convert from Meters to other Measurements

The table below shows how to convert from Meters to other Length measurements:

Description Formula Example
Convert from Meters to Feet ft=m*3.2808 Try it
Convert from Meters to Inches in=m*39.370 Try it
Convert from Meters to cm cm=m/0.01 Try it
Convert from Meters to Yards yd=m*1.0936 Try it
Convert from Meters to Kilometers km=m/1000 Try it
Convert from Meters to Miles mi=m*0.00062137 Try it

Convert from Inches to other Measurements

The table below shows how to convert from Inches to other Length measurements:

Description Formula Example
Convert from Inches to Feet ft=in*0.083333 Try it
Convert from Inches to Meters m=in/39.370 Try it
Convert from Inches to cm cm=in/0.39370 Try it
Convert from Inches to Yards yd=in*0.027778 Try it
Convert from Inches to Kilometers km=in/39370 Try it
Convert from Inches to Miles mi=in*0.000015783 Try it

Convert from cm to other Measurements

The table below shows how to convert from cm to other Length measurements:

Description Formula Example
Convert from cm to Feet ft=cm*0.032808 Try it
Convert from cm to Meters m=cm/100 Try it
Convert from cm to Inches in=cm*0.39370 Try it
Convert from cm to Yards yd=cm*0.010936 Try it
Convert from cm to Kilometers km=cm/100000 Try it
Convert from cm to Miles mi=cm*0.0000062137 Try it

Convert from Yards to other Measurements

The table below shows how to convert from Yards to other Length measurements:

Description Formula Example
Convert from Yards to Feet ft=yd*3 Try it
Convert from Yards to Meters m=yd/1.0936 Try it
Convert from Yards to Inches in=yd*36 Try it
Convert from Yards to cm cm=yd/0.010936 Try it
Convert from Yards to Kilometers km=yd/1093.6 Try it
Convert from Yards to Miles mi=yd*0.00056818 Try it

Convert from Kilometers to other Measurements

The table below shows how to convert from Kilometers to other Length measurements:

Description Formula Example
Convert from Kilometers to Feet ft=km*3280.8 Try it
Convert from Kilometers to Meters m=km*1000 Try it
Convert from Kilometers to Inches in=km*39370 Try it
Convert from Kilometers to cm cm=km*100000 Try it
Convert from Kilometers to Yards mi=yd*1093.6 Try it
Convert from Kilometers to Miles mi=km*0.62137 Try it

Convert from Miles to other Measurements

The table below shows how to convert from Miles to other Length measurements:

Description Formula Example
Convert from Miles to Feet ft=mi*5280 Try it
Convert from Miles to Meters m=mi/0.00062137 Try it
Convert from Miles to Inches in=mi*63360 Try it
Convert from Miles to cm cm=mi/0.0000062137 Try it
Convert from Miles to Yards yd=mi*1760 Try it
Convert from Miles to Kilometers km=mi/0.62137 Try it