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 |
