How to Create: Length Converter

Learn how to use HTML and JavaScript to create a length converter.

Length Converter

Type a value in any field to convert between length measurements:

Create a length converter

Create an input element that can convert one length unit to another length unit.

Step 1 - Add HTML:

Example - Convert feet to meters

<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 - Convert feet to meters

/* Convert the value from feet to meters when the input field receives input */
function lengthConverter(valNum) {
  document.getElementById("outputMeters").innerHTML = valNum / 3.2808;
}

Try it yourself

Convert from feet to other measurement units

The table below shows how to convert from feet to other length units:

Description Formula Example
Convert feet to meters m=ft/3.2808 Try it
Convert feet to inches in=ft*12 Try it
Convert feet to centimeters cm=ft/0.032808 Try it
Convert feet to yards yd=ft*0.33333 Try it
Convert feet to kilometers km=ft/3280.8 Try it
Convert feet to miles mi=ft*0.00018939 Try it

Convert from meter to other measurement units

The following table shows how to convert meters to other length units:

Description Formula Example
Convert meters to feet ft=m*3.2808 Try it
Convert meters to inches in=m*39.370 Try it
Convert meters to centimeters cm=m/0.01 Try it
Convert meters to yards yd=m*1.0936 Try it
Convert meters to kilometers km=m/1000 Try it
Convert meters to miles mi=m*0.00062137 Try it

Convert inches to other units of measurement

The following table shows how to convert inches to other length units:

Description Formula Example
Convert inches to feet ft=in*0.083333 Try it
Convert inches to meters m=in/39.370 Try it
Convert inches to centimeters cm=in/0.39370 Try it
Convert inches to yards yd=in*0.027778 Try it
Convert inches to kilometers km=in/39370 Try it
Convert inches to miles mi=in*0.000015783 Try it

Convert centimeters to other units of measurement

The following table shows how to convert centimeters to other length units:

Description Formula Example
Convert centimeters to feet ft=cm*0.032808 Try it
Convert centimeters to meters m=cm/100 Try it
Convert centimeters to inches in=cm*0.39370 Try it
Convert centimeters to yards yd=cm*0.010936 Try it
Convert centimeters to kilometers km=cm/100000 Try it
Convert centimeters to miles mi=cm*0.0000062137 Try it

Convert yards to other units of measurement

The following table shows how to convert yards to other length units:

Description Formula Example
Convert yards to feet ft=yd*3 Try it
Convert yards to meters m=yd/1.0936 Try it
Convert yards to inches in=yd*36 Try it
Convert yards to centimeters cm=yd/0.010936 Try it
Convert yards to kilometers km=yd/1093.6 Try it
Convert yards to miles mi=yd*0.00056818 Try it

Convert kilometers to other units of measurement

The following table shows how to convert kilometers to other length units:

Description Formula Example
Convert kilometers to feet ft=km*3280.8 Try it
Convert kilometers to meters m=km*1000 Try it
Convert kilometers to inches in=km*39370 Try it
Convert kilometers to centimeters cm=km*100000 Try it
Convert kilometers to yards mi=km*1093.6 Try it
Convert kilometers to miles mi=km*0.62137 Try it

Convert miles to other units of measurement

The following table shows how to convert miles to other length units:

Description Formula Example
Convert miles to feet ft=mi*5280 Try it
Convert miles to meters m=mi/0.00062137 Try it
Convert miles to inches in=mi*63360 Try it
Convert miles to centimeters cm=mi/0.0000062137 Try it
Convert miles to yards yd=mi*1760 Try it
Convert miles to kilometers km=mi/0.62137 Try it