How TO - Length Converter

---

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

---

---

Create a Length Converter

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

Step 1) Add HTML:

---

Step 2) Add JavaScript:

---

---

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=km*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

---

function lengthConverter(source,valNum)
valNum = parseFloat(valNum);
var inputFeet = document.getElementById("inputFeet");
var inputMeters = document.getElementById("inputMeters");
var inputInches = document.getElementById("inputInches");
var inputcm = document.getElementById("inputcm");
var inputYards = document.getElementById("inputYards");
var inputKilometers = document.getElementById("inputKilometers");
var inputMiles = document.getElementById("inputMiles");
if (source=="inputFeet")
inputMeters.value=(valNum/3.2808).toFixed(2);
inputInches.value=(valNum*12).toFixed(2);
inputcm.value=(valNum/0.032808).toFixed();
inputYards.value=(valNum*0.33333).toFixed(2);
inputKilometers.value=(valNum/3280.8).toFixed(5);
inputMiles.value=(valNum*0.00018939).toFixed(5);

if (source=="inputMeters")
inputFeet.value=(valNum*3.2808).toFixed(2);
inputInches.value=(valNum*39.370).toFixed(2);
inputcm.value=(valNum/0.01).toFixed();
inputYards.value=(valNum*1.0936).toFixed(2);
inputKilometers.value=(valNum/1000).toFixed(5);
inputMiles.value=(valNum*0.00062137).toFixed(5);

if (source=="inputInches")
inputFeet.value=(valNum*0.083333).toFixed(3);
inputMeters.value=(valNum/39.370).toFixed(3);
inputcm.value=(valNum/0.39370).toFixed(2);
inputYards.value=(valNum*0.027778).toFixed(3);
inputKilometers.value=(valNum/39370).toFixed(6);
inputMiles.value=(valNum*0.000015783).toFixed(6);

if (source=="inputcm")
inputFeet.value=(valNum*0.032808).toFixed(3);
inputMeters.value=(valNum/100).toFixed(3);
inputInches.value=(valNum*0.39370).toFixed(2);
inputYards.value=(valNum*0.010936).toFixed(3);
inputKilometers.value=(valNum/100000).toFixed(6);
inputMiles.value=(valNum*0.0000062137).toFixed(6);

if (source=="inputYards")
inputFeet.value=(valNum*3).toFixed();
inputMeters.value=(valNum/1.0936).toFixed(2);
inputInches.value=(valNum*36).toFixed();
inputcm.value=(valNum/0.010936).toFixed();
inputKilometers.value=(valNum/1093.6).toFixed(5);
inputMiles.value=(valNum*0.00056818).toFixed(5);

if (source=="inputKilometers")
inputFeet.value=(valNum*3280.8).toFixed();
inputMeters.value=(valNum*1000).toFixed();
inputInches.value=(valNum*39370).toFixed();
inputcm.value=(valNum*100000).toFixed();
inputYards.value=(valNum*1093.6).toFixed();
inputMiles.value=(valNum*0.62137).toFixed(2);

if (source=="inputMiles")
inputFeet.value=(valNum*5280).toFixed();
inputMeters.value=(valNum/0.00062137).toFixed();
inputInches.value=(valNum*63360).toFixed();
inputcm.value=(valNum/0.0000062137).toFixed();
inputYards.value=(valNum*1760).toFixed();
inputKilometers.value=(valNum/0.62137).toFixed(2);