Cara Membuat Konverter Panjang Dengan Javascript

Review by : Sutiono S.Kom., M.Kom., M.T.I

Di bawah ini kita akan mempelajari cara membuat konverter Panjang dengan HTML dan JavaScript.

Section Artikel

1 Buat Konverter Panjang

Buat Konverter Panjang

Buat elemen masukan yang dapat mengubah nilai dari satu pengukuran Panjang ke yang lain.

Langkah 1) Tambahkan HTML:
Contoh – Feet ke 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>

Langkah 2) Tambahkan JavaScript:
Contoh – Feet ke Meter

/* Saat field masukan menerima masukan, ubah nilai dari feet ke meter */function lengthConverter(valNum) {
  document.getElementById("outputMeters").innerHTML = valNum / 0.0022046;
}

Mengkonversi dari Feet ke Pengukuran lain

Tabel di bawah ini menunjukkan cara mengonversi dari Feet ke ukuran Panjang lainnya:

Mengkonversi dari Feet ke Meter

Rumus : m = ft / 3,2808

function LengthConverter(valNum) {
  document.getElementById("outputMeters").innerHTML=valNum/3.2808;
}

<!DOCTYPE html>
<html>
<title> Konverter Panjang Feet ke Meter </title>
<body>

<h2> Konverter Panjang </h2>
<p> Ketik nilai di fields Feet untuk mengubah nilai menjadi Meter: </p>

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

<script>
function LengthConverter(valNum) {
  document.getElementById("outputMeters").innerHTML=valNum/3.2808;
}
</script>
</body>
</html>

Mengkonversi dari Feet ke Inci

Rumus : in = ft * 12

function LengthConverter(valNum) {
  document.getElementById("outputInches").innerHTML=valNum*12;
}

<!DOCTYPE html>
<html>
<title> Konverter Panjang Feet ke Inci </title>
<body>

<h2> Konverter Panjang </h2>
<p> Ketik nilai di fields Feet untuk mengubah nilai menjadi Inci: </p>

<p>
  <label>Feet</label>
  <input id="inputFeet" type="number" placeholder="Feet" oninput="LengthConverter(this.value)" onchange="LengthConverter(this.value)">
</p>
<p>Inches: <span id="outputInches"></span></p>

<script>
function LengthConverter(valNum) {
  document.getElementById("outputInches").innerHTML=valNum*12;
}
</script>
</body>
</html>

Konversi dari Feet ke cm

Rumus : cm = ft / 0,032808

function LengthConverter(valNum) {
  document.getElementById("outputcm").innerHTML=valNum/0.032808;
}

<!DOCTYPE html>
<html>
<title> Konverter Panjang Feet ke cm </title>
<body>

<h2> Konverter Panjang </h2>
<p> Ketik nilai di fields Feet untuk mengubah nilai menjadi cm: </p>

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

<script>
function LengthConverter(valNum) {
  document.getElementById("outputcm").innerHTML=valNum/0.032808;
}
</script>
</body>
</html>

Konversi dari Feet ke Yards

Rumus : yd = ft * 0,333333

function LengthConverter(valNum) {
  document.getElementById("outputYards").innerHTML=valNum*0.33333;
}

<!DOCTYPE html>
<html>
<title> Konverter Panjang Feet ke Yards </title>
<body>

<h2> Konverter Panjang </h2>
<p> Ketik nilai di fields Feet untuk mengonversi nilai menjadi Yards: </p>

<p>
  <label>Feet</label>
  <input id="inputFeet" type="number" placeholder="Feet" oninput="LengthConverter(this.value)" onchange="LengthConverter(this.value)">
</p>
<p>Yards: <span id="outputYards"></span></p>

<script>
function LengthConverter(valNum) {
  document.getElementById("outputYards").innerHTML=valNum*0.33333;
}
</script>
</body>
</html>

Mengkonversi dari Feet ke Kilometer

Rumus : km = ft / 3280,8

function LengthConverter(valNum) {
  document.getElementById("outputKilometers").innerHTML=valNum/3280.8;
}

<!DOCTYPE html>
<html>
<title> Konverter Panjang Feet ke Kilometer </title>
<body>

<h2> Konverter Panjang </h2>
<p> Ketik nilai di fields Feet untuk mengubah nilai menjadi Kilometer: </p>

<p>
  <label>Feet</label>
  <input id="inputFeet" type="number" placeholder="Feet" oninput="LengthConverter(this.value)" onchange="LengthConverter(this.value)">
</p>
<p>Kilometers: <span id="outputKilometers"></span></p>

<script>
function LengthConverter(valNum) {
  document.getElementById("outputKilometers").innerHTML=valNum/3280.8;
}
</script>
</body>
</html>

Konversi dari Feet ke Miles

Rumus : mi = ft * 0,00018939

function LengthConverter(valNum) {
  document.getElementById("outputMiles").innerHTML=valNum*0.00018939;
}

<!DOCTYPE html>
<html>
<title> Konverter Panjang Feet ke Mil </title>
<body>

<h2> Konverter Panjang </h2>
<p> Ketik nilai di fields Feet untuk mengonversi nilai menjadi Mil: </p>

<p>
  <label>Feet</label>
  <input id="inputFeet" type="number" placeholder="Feet" oninput="LengthConverter(this.value)" onchange="LengthConverter(this.value)">
</p>
<p>Miles: <span id="outputMiles"></span></p>

<script>
function LengthConverter(valNum) {
  document.getElementById("outputMiles").innerHTML=valNum*0.00018939;
}
</script>
</body>
</html>

Mengkonversi dari Meter ke Pengukuran lain

Tabel di bawah ini menunjukkan cara mengonversi dari Meter ke pengukuran Panjang lainnya:

Mengkonversi dari Meter ke Feet

Rumus : ft = m * 3,2808

function LengthConverter(valNum) {
  document.getElementById("outputFeet").innerHTML=valNum*3.2808;
}

<!DOCTYPE html>
<html>
<title> Pengonversi Meter ke Panjang Feet </title>
<body>

<h2> Konverter Panjang </h2>
<p> Ketikkan nilai di fields Meter untuk mengubah nilai menjadi Feet: </p>

<p>
  <label>Meters</label>
  <input id="inputMeters" type="number" placeholder="Meters" oninput="LengthConverter(this.value)" onchange="LengthConverter(this.value)">
</p>
<p>Feet: <span id="outputFeet"></span></p>

<script>
function LengthConverter(valNum) {
  document.getElementById("outputFeet").innerHTML=valNum*3.2808;
}
</script>
</body>
</html>

Mengkonversi dari Meter ke Inci

Rumus : in = m * 39,370

function LengthConverter(valNum) {
  document.getElementById("outputInches").innerHTML=valNum*39.370;
}

<!DOCTYPE html>
<html>
<title> Konverter Panjang Meter ke Inci </title>
<body>

<h2> Konverter Panjang </h2>
<p> Ketikkan nilai di fields Meter untuk mengubah nilai menjadi Inci: </p>

<p>
  <label>Meters</label>
  <input id="inputMeters" type="number" placeholder="Meters" oninput="LengthConverter(this.value)" onchange="LengthConverter(this.value)">
</p>
<p>Inches: <span id="outputInches"></span></p>

<script>
function LengthConverter(valNum) {
  document.getElementById("outputInches").innerHTML=valNum*39.370;
}
</script>
</body>
</html>

Konversi dari Meter ke cm

Rumus : cm = m / 0.01

function LengthConverter(valNum) {
  document.getElementById("outputcm").innerHTML=valNum/0.01;
}

<!DOCTYPE html>
<html>
<title> Konverter Panjang Meter ke cm </title>
<body>

<h2> Konverter Panjang </h2>
<p> Ketik nilai di fields Meter untuk mengubah nilai menjadi cm: </p>

<p>
  <label>Meters</label>
  <input id="inputMeters" type="number" placeholder="Meters" oninput="LengthConverter(this.value)" onchange="LengthConverter(this.value)">
</p>
<p>cm: <span id="outputcm"></span></p>

<script>
function LengthConverter(valNum) {
  document.getElementById("outputcm").innerHTML=valNum/0.01;
}
</script>
</body>
</html>

Konversi dari Meter ke Yards

Rumus : yd = m * 1.0936

function LengthConverter(valNum) {
  document.getElementById("outputYards").innerHTML=valNum*1.0936;
}

<!DOCTYPE html>
<html>
<title> Konverter Panjang Meter ke Yards </title>
<body>

<h2> Konverter Panjang </h2>
<p> Ketik nilai di fields Meter untuk mengubah nilai menjadi Yards: </p>

<p>
  <label>Meters</label>
  <input id="inputMeters" type="number" placeholder="Meters" oninput="LengthConverter(this.value)" onchange="LengthConverter(this.value)">
</p>
<p>Yards: <span id="outputYards"></span></p>

<script>
function LengthConverter(valNum) {
  document.getElementById("outputYards").innerHTML=valNum*1.0936;
}
</script>
</body>
</html>

Mengkonversi dari Meter ke Kilometer

Rumus : km = m / 1000

function LengthConverter(valNum) {
  document.getElementById("outputKilometers").innerHTML=valNum/1000;
}

<!DOCTYPE html>
<html>
<title> Konverter Panjang Meter ke Kilometer </title>
<body>

<h2> Konverter Panjang </h2>
<p> Ketikkan nilai di fields Meter untuk mengubah nilai menjadi Kilometer: </p>

<p>
  <label>Meters</label>
  <input id="inputMeters" type="number" placeholder="Meters" oninput="LengthConverter(this.value)" onchange="LengthConverter(this.value)">
</p>
<p>Kilometers: <span id="outputKilometers"></span></p>

<script>
function LengthConverter(valNum) {
  document.getElementById("outputKilometers").innerHTML=valNum/1000;
}
</script>
</body>
</html>

Mengkonversi dari Meter ke Miles

Rumus : mi = m * 0,00062137

function LengthConverter(valNum) {
  document.getElementById("outputMiles").innerHTML=valNum*0.00062137;
}

<!DOCTYPE html>
<html>
<title> Konverter Panjang Meter ke Mil </title>
<body>

<h2> Konverter Panjang </h2>
<p> Ketik nilai di fields Meter untuk mengubah nilai menjadi Mil: </p>

<p>
  <label>Meters</label>
  <input id="inputMeters" type="number" placeholder="Meters" oninput="LengthConverter(this.value)" onchange="LengthConverter(this.value)">
</p>
<p>Miles: <span id="outputMiles"></span></p>

<script>
function LengthConverter(valNum) {
  document.getElementById("outputMiles").innerHTML=valNum*0.00062137;
}
</script>
</body>
</html>

Mengkonversi dari Inci ke Pengukuran lain

Tabel di bawah ini menunjukkan cara mengonversi dari Inci ke pengukuran Panjang lainnya:

Mengkonversi dari Inci ke Feet

Rumus : ft = in * 0,083333

function LengthConverter(valNum) {
  document.getElementById("outputFeet").innerHTML=valNum*0.083333;
}

<!DOCTYPE html>
<html>
<title> Konverter Inci ke Panjang Feet </title>
<body>

<h2> Konverter Panjang </h2>
<p> Ketik nilai di fields Inci untuk mengubah nilai menjadi Feet: </p>

<p>
  <label>Inches</label>
  <input id="inputInches" type="number" placeholder="Inches" oninput="LengthConverter(this.value)" onchange="LengthConverter(this.value)">
</p>
<p>Feet: <span id="outputFeet"></span></p>

<script>
function LengthConverter(valNum) {
  document.getElementById("outputFeet").innerHTML=valNum*0.083333;
}
</script>
</body>
</html>

Mengkonversi dari Inci ke Meter

Rumus : m = in / 39.370

function LengthConverter(valNum) {
  document.getElementById("outputMeters").innerHTML=valNum/39.370;
}

<!DOCTYPE html>
<html>
<title> Konverter Panjang Inci ke Meter </title>
<body>

<h2> Konverter Panjang </h2>
<p> Ketik nilai di fields Inci untuk mengubah nilai menjadi Meter: </p>

<p>
  <label>Inches</label>
  <input id="inputInches" type="number" placeholder="Inches" oninput="LengthConverter(this.value)" onchange="LengthConverter(this.value)">
</p>
<p>Meters: <span id="outputMeters"></span></p>

<script>
function LengthConverter(valNum) {
  document.getElementById("outputMeters").innerHTML=valNum/39.370;
}
</script>
</body>
</html>

Mengkonversi dari Inci ke cm

Rumus : cm = in / 0.39370

function LengthConverter(valNum) {
  document.getElementById("outputcm").innerHTML=valNum/0.39370;
}

<!DOCTYPE html>
<html>
<title> Konverter Panjang Inci ke cm </title>
<body>

<h2> Konverter Panjang </h2>
<p> Ketik nilai di fields Inci untuk mengubah nilai menjadi cm: </p>

<p>
  <label>Inches</label>
  <input id="inputInches" type="number" placeholder="Inches" oninput="LengthConverter(this.value)" onchange="LengthConverter(this.value)">
</p>
<p>cm: <span id="outputcm"></span></p>

<script>
function LengthConverter(valNum) {
  document.getElementById("outputcm").innerHTML=valNum/0.39370;
}
</script>
</body>
</html>

Konversi dari Inci ke Yards

Rumus : yd = in * 0,027778

<script>
function LengthConverter(valNum) {
  document.getElementById("outputYards").innerHTML=valNum*0.027778;
}

<!DOCTYPE html>
<html>
<title> Konverter Inci ke Yards Panjang </title>
<body>

<h2> Konverter Panjang </h2>
<p> Ketik nilai di fields Inci untuk mengonversi nilai menjadi Yards: </p>

<p>
  <label>Inches</label>
  <input id="inputInches" type="number" placeholder="Inches" oninput="LengthConverter(this.value)" onchange="LengthConverter(this.value)">
</p>
<p>Yards: <span id="outputYards"></span></p>

<script>
function LengthConverter(valNum) {
  document.getElementById("outputYards").innerHTML=valNum*0.027778;
}
</script>
</body>
</html>

Mengkonversi dari Inci ke Kilometer

Rumus : km = in / 39370

function LengthConverter(valNum) {
  document.getElementById("outputKilometers").innerHTML=valNum/39370;
}

<!DOCTYPE html>
<html>
<title> Konverter Panjang Inci ke Kilometer </title>
<body>

<h2> Konverter Panjang </h2>
<p> Ketik nilai di fields Inci untuk mengubah nilai menjadi Kilometer: </p>

<p>
  <label>Inches</label>
  <input id="inputInches" type="number" placeholder="Inches" oninput="LengthConverter(this.value)" onchange="LengthConverter(this.value)">
</p>
<p>Kilometers: <span id="outputKilometers"></span></p>

<script>
function LengthConverter(valNum) {
  document.getElementById("outputKilometers").innerHTML=valNum/39370;
}
</script>
</body>
</html>

Mengkonversi dari Inci ke Miles

Rumus : mi = in * 0,000015783

function LengthConverter(valNum) {
  document.getElementById("outputMiles").innerHTML=valNum*0.000015783;
}

<!DOCTYPE html>
<html>
<title> Pengonversi Inci ke Miles Panjang </title>
<body>

<h2> Konverter Panjang </h2>
<p> Ketikkan nilai di fields Inci untuk mengonversi nilai menjadi Mil: </p>

<p>
  <label>Inches</label>
  <input id="inputInches" type="number" placeholder="Inches" oninput="LengthConverter(this.value)" onchange="LengthConverter(this.value)">
</p>
<p>Miles: <span id="outputMiles"></span></p>

<script>
function LengthConverter(valNum) {
  document.getElementById("outputMiles").innerHTML=valNum*0.000015783;
}
</script>
</body>
</html>

Mengkonversi dari cm ke Pengukuran lain

Tabel di bawah ini menunjukkan cara mengubah dari cm ke ukuran Panjang lainnya:

Konversi dari cm ke Feet

Rumus : ft = cm * 0,032808

function LengthConverter(valNum) {
  document.getElementById("outputFeet").innerHTML=valNum*0.032808;
}

<!DOCTYPE html>
<html>
<title> Pengubah cm ke Panjang Feet </title>
<body>

<h2> Konverter Panjang </h2>
<p> Ketik nilai di fields cm untuk mengubah nilai menjadi Feet: </p>

<p>
  <label>cm</label>
  <input id="inputcm" type="number" placeholder="cm" oninput="LengthConverter(this.value)" onchange="LengthConverter(this.value)">
</p>
<p>Feet: <span id="outputFeet"></span></p>

<script>
function LengthConverter(valNum) {
  document.getElementById("outputFeet").innerHTML=valNum*0.032808;
}
</script>
</body>
</html>

Mengkonversi dari cm ke Meter

Rumus : m = cm / 100

function LengthConverter(valNum) {
  document.getElementById("outputMeters").innerHTML=valNum/100;
}

<!DOCTYPE html>
<html>
<title> Pengonversi cm ke Panjang Meter </title>
<body>

<h2> Konverter Panjang </h2>
<p> Ketik nilai di fields cm untuk mengubah nilai menjadi Meter: </p>

<p>
  <label>cm</label>
  <input id="inputcm" type="number" placeholder="cm" oninput="LengthConverter(this.value)" onchange="LengthConverter(this.value)">
</p>
<p>Meters: <span id="outputMeters"></span></p>

<script>
function LengthConverter(valNum) {
  document.getElementById("outputMeters").innerHTML=valNum/100;
}
</script>
</body>
</html>

Mengkonversi dari cm ke Inci

Rumus : in = cm * 0,39370

function LengthConverter(valNum) {
  document.getElementById("outputInches").innerHTML=valNum*0.39370;
}

<!DOCTYPE html>
<html>
<title> Konverter Panjang cm ke Inci </title>
<body>

<h2> Konverter Panjang </h2>
<p> Ketik nilai di fields cm untuk mengubah nilai menjadi Inci: </p>

<p>
  <label>cm</label>
  <input id="inputcm" type="number" placeholder="cm" oninput="LengthConverter(this.value)" onchange="LengthConverter(this.value)">
</p>
<p>Inches: <span id="outputInches"></span></p>

<script>
function LengthConverter(valNum) {
  document.getElementById("outputInches").innerHTML=valNum*0.39370;
}
</script>
</body>
</html>

Konversi dari cm ke Yards

Rumus : yd = cm * 0.010936

function LengthConverter(valNum) {
  document.getElementById("outputYards").innerHTML=valNum*0.010936;
}

<!DOCTYPE html>
<html>
<title> Konverter Panjang cm ke Yards </title>
<body>

<h2> Konverter Panjang </h2>
<p> Ketik nilai di fields cm untuk mengubah nilai menjadi Yards: </p>

<p>
  <label>cm</label>
  <input id="inputcm" type="number" placeholder="cm" oninput="LengthConverter(this.value)" onchange="LengthConverter(this.value)">
</p>
<p>Yards: <span id="outputYards"></span></p>

<script>
function LengthConverter(valNum) {
  document.getElementById("outputYards").innerHTML=valNum*0.010936;
}
</script>
</body>
</html>

Konversi dari cm ke Kilometer

Rumus : km = cm / 100000

function LengthConverter(valNum) {
  document.getElementById("outputKilometers").innerHTML=valNum/100000;
}

<!DOCTYPE html>
<html>
<title> Pengonversi cm ke Panjang Kilometer </title>
<body>

<h2> Konverter Panjang </h2>
<p> Ketik nilai di fields cm untuk mengubah nilai menjadi Kilometer: </p>

<p>
  <label>cm</label>
  <input id="inputcm" type="number" placeholder="cm" oninput="LengthConverter(this.value)" onchange="LengthConverter(this.value)">
</p>
<p>Kilometers: <span id="outputKilometers"></span></p>

<script>
function LengthConverter(valNum) {
  document.getElementById("outputKilometers").innerHTML=valNum/100000;
}
</script>
</body>
</html>

Mengkonversi dari cm ke Mil

Rumus : mi = cm * 0,0000062137

function LengthConverter(valNum) {
  document.getElementById("outputMiles").innerHTML=valNum*0.0000062137;
}

<!DOCTYPE html>
<html>
<title> Pengonversi cm ke Panjang Mil </title>
<body>

<h2> Konverter Panjang </h2>
<p> Ketik nilai di fields cm untuk mengubah nilai menjadi Mil: </p>

<p>
  <label>cm</label>
  <input id="inputcm" type="number" placeholder="cm" oninput="LengthConverter(this.value)" onchange="LengthConverter(this.value)">
</p>
<p>Miles: <span id="outputMiles"></span></p>

<script>
function LengthConverter(valNum) {
  document.getElementById("outputMiles").innerHTML=valNum*0.0000062137;
}
</script>
</body>
</html>

Mengkonversi dari Yards ke Pengukuran lain

Tabel di bawah ini menunjukkan cara mengonversi dari Yard ke pengukuran Panjang lainnya:

Konversi dari Yards ke Feet

Rumus : ft = yd * 3

function LengthConverter(valNum) {
  document.getElementById("outputFeet").innerHTML=valNum*3;
}

<!DOCTYPE html>
<html>
<title> Konverter panjang Yards ke Feet  </title>
<body>

<h2> Konverter Panjang </h2>
<p> Ketik nilai di fields Yards untuk mengubah nilai menjadi Feet: </p>

<p>
  <label>Yards</label>
  <input id="inputYards" type="number" placeholder="Yards" oninput="LengthConverter(this.value)" onchange="LengthConverter(this.value)">
</p>
<p>Feet: <span id="outputFeet"></span></p>

<script>
function LengthConverter(valNum) {
  document.getElementById("outputFeet").innerHTML=valNum*3;
}
</script>
</body>
</html>

Konversi dari Yards ke Meter

Rumus : m = yd / 1.0936

function LengthConverter(valNum) {
  document.getElementById("outputMeters").innerHTML=valNum/1.0936;
}

<!DOCTYPE html>
<html>
<title> Konverter Panjang Yards ke Meter </title>
<body>

<h2> Konverter Panjang </h2>
<p> Ketik nilai di fields Yards untuk mengubah nilai menjadi Meter: </p>
<p>
  <label>Yards</label>
  <input id="inputYards" type="number" placeholder="Yards" oninput="LengthConverter(this.value)" onchange="LengthConverter(this.value)">
</p>
<p>Meters: <span id="outputMeters"></span></p>

<script>
function LengthConverter(valNum) {
  document.getElementById("outputMeters").innerHTML=valNum/1.0936;
}
</script>
</body>
</html>

Konversi dari Yards ke Inci

Rumus : in = yd * 36

function LengthConverter(valNum) {
  document.getElementById("outputInches").innerHTML=valNum*36;
}

<!DOCTYPE html>
<html>
<title> Konverter Panjang Yards ke Inci </title>
<body>

<h2> Konverter Panjang </h2>
<p> Ketik nilai di fields Yards untuk mengonversi nilai menjadi Inci: </p>

<p>
  <label>Yards</label>
  <input id="inputYards" type="number" placeholder="Yards" oninput="LengthConverter(this.value)" onchange="LengthConverter(this.value)">
</p>
<p>Inches: <span id="outputInches"></span></p>

<script>
function LengthConverter(valNum) {
  document.getElementById("outputInches").innerHTML=valNum*36;
}
</script>
</body>
</html>

Konversi dari Yards ke cm

Rumus : cm = yd / 0.010936

function LengthConverter(valNum) {
  document.getElementById("outputcm").innerHTML=valNum/0.010936;
}

<!DOCTYPE html>
<html>
<title> Konverter Panjang Yards ke cm </title>
<body>

<h2> Konverter Panjang </h2>
<p> Ketik nilai di fields Yards untuk mengubah nilai menjadi cm: </p>

<p>
  <label>Yards</label>
  <input id="inputYards" type="number" placeholder="Yards" oninput="LengthConverter(this.value)" onchange="LengthConverter(this.value)">
</p>
<p>cm: <span id="outputcm"></span></p>

<script>
function LengthConverter(valNum) {
  document.getElementById("outputcm").innerHTML=valNum/0.010936;
}
</script>
</body>
</html>

Konversi dari Yards ke Kilometer

Rumus : km = yd / 1093,6

function LengthConverter(valNum) {
  document.getElementById("outputKilometers").innerHTML=valNum/1093.6;
}

<!DOCTYPE html>
<html>
<title> Konverter Panjang Yards ke Kilometer </title>
<body>

<h2> Konverter Panjang </h2>
<p> Ketik nilai di fields Yards untuk mengubah nilai menjadi Kilometer: </p>

<p>
  <label>Yards</label>
  <input id="inputYards" type="number" placeholder="Yards" oninput="LengthConverter(this.value)" onchange="LengthConverter(this.value)">
</p>
<p>Kilometers: <span id="outputKilometers"></span></p>

<script>
function LengthConverter(valNum) {
  document.getElementById("outputKilometers").innerHTML=valNum/1093.6;
}
</script>
</body>
</html>

Konversi dari Yards ke Miles

Rumus : mi = yd * 0,00056818

function LengthConverter(valNum) {
  document.getElementById("outputMiles").innerHTML=valNum*0.00056818;
}

<!DOCTYPE html>
<html>
<title> Konverter Panjang Yards ke Miles </title>
<body>

<h2> Konverter Panjang </h2>
<p> Ketik nilai di fields Yards untuk mengonversi nilai menjadi Mil: </p>

<p>
  <label>Yards</label>
  <input id="inputYards" type="number" placeholder="Yards" oninput="LengthConverter(this.value)" onchange="LengthConverter(this.value)">
</p>
<p>Miles: <span id="outputMiles"></span></p>

<script>
function LengthConverter(valNum) {
  document.getElementById("outputMiles").innerHTML=valNum*0.00056818;
}
</script>
</body>
</html>

Mengkonversi dari Kilometer ke Pengukuran lain

Tabel di bawah ini menunjukkan cara mengonversi dari Kilometer ke pengukuran Panjang lainnya:

Mengkonversi dari Kilometer ke Feet

Rumus : ft = km * 3280,8

function LengthConverter(valNum) {
  document.getElementById("outputFeet").innerHTML=valNum*3280.8;
}

<!DOCTYPE html>
<html>
<title> Konverter Kilometer ke Panjang Feet </title>
<body>

<h2> Konverter Panjang </h2>
<p> Ketik nilai dalam fields Kilometer untuk mengubah nilai menjadi Feet: </p>

<p>
  <label>Kilometers</label>
  <input id="inputKilometers" type="number" placeholder="Kilometers" oninput="LengthConverter(this.value)" onchange="LengthConverter(this.value)">
</p>
<p>Feet: <span id="outputFeet"></span></p>

<script>
function LengthConverter(valNum) {
  document.getElementById("outputFeet").innerHTML=valNum*3280.8;
}
</script>
</body>
</html>

Mengkonversi dari Kilometer ke Meter

Rumus : m = km * 1000

function LengthConverter(valNum) {
  document.getElementById("outputMeters").innerHTML=valNum*1000;
}

<!DOCTYPE html>
<html>
<title> Konverter Panjang ke Kilometer </title>
<body>

<h2> Konverter Panjang </h2>
<p> Ketik nilai dalam fields Kilometer untuk mengubah nilai menjadi Meter: </p>

<p>
  <label>Kilometers</label>
  <input id="inputKilometers" type="number" placeholder="Kilometers" oninput="LengthConverter(this.value)" onchange="LengthConverter(this.value)">
</p>
<p>Meters: <span id="outputMeters"></span></p>

<script>
function LengthConverter(valNum) {
  document.getElementById("outputMeters").innerHTML=valNum*1000;
}
</script>
</body>
</html>

Mengkonversi dari Kilometer ke Inci

Rumus : in= km * 39370

function LengthConverter(valNum) {
  document.getElementById("outputInches").innerHTML=valNum*39370;
}

<!DOCTYPE html>
<html>
<title> Konverter Panjang Kilometer ke Inci </title>
<body>

<h2> Konverter Panjang </h2>
<p> Ketik nilai dalam fields Kilometer untuk mengubah nilai menjadi Inci: </p>

<p>
  <label>Kilometers</label>
  <input id="inputKilometers" type="number" placeholder="Kilometers" oninput="LengthConverter(this.value)" onchange="LengthConverter(this.value)">
</p>
<p>Inches: <span id="outputInches"></span></p>

<script>
function LengthConverter(valNum) {
  document.getElementById("outputInches").innerHTML=valNum*39370;
}
</script>
</body>
</html>

Ubah dari Kilometer ke cm

Rumus : cm = km * 100000

function LengthConverter(valNum) {
  document.getElementById("outputcm").innerHTML=valNum*100000;
}

<!DOCTYPE html>
<html>
<title> Konverter Panjang Kilometer ke cm </title>
<body>

<h2> Konverter Panjang </h2>
<p> Ketik nilai dalam fields Kilometer untuk mengubah nilai menjadi cm: </p>

<p>
  <label>Kilometers</label>
  <input id="inputKilometers" type="number" placeholder="Kilometers" oninput="LengthConverter(this.value)" onchange="LengthConverter(this.value)">
</p>
<p>cm: <span id="outputcm"></span></p>

<script>
function LengthConverter(valNum) {
  document.getElementById("outputcm").innerHTML=valNum*100000;
}
</script>
</body>
</html>

Mengkonversi dari Kilometer ke Yards

Rumus : mi = km * 1093,6

function LengthConverter(valNum) {
  document.getElementById("outputYards").innerHTML=valNum*1093.6;
}

<!DOCTYPE html>
<html>
<title> Konverter Panjang Kilometer ke Yards </title>
<body>

<h2> Konverter Panjang </h2>
<p> Ketik nilai dalam fields Kilometer untuk mengubah nilai menjadi Yards: </p>

<p>
  <label>Kilometers</label>
  <input id="inputKilometers" type="number" placeholder="Kilometers" oninput="LengthConverter(this.value)" onchange="LengthConverter(this.value)">
</p>
<p>Yards: <span id="outputYards"></span></p>

<script>
function LengthConverter(valNum) {
  document.getElementById("outputYards").innerHTML=valNum*1093.6;
}
</script>
</body>
</html>

Mengkonversi dari Kilometer ke Mil

Rumus : mi = km * 0.62137

function LengthConverter(valNum) {
  document.getElementById("outputMiles").innerHTML=valNum*0.62137;
}

<!DOCTYPE html>
<html>
<title> Konverter Panjang Kilometer ke Mil </title>
<body>

<h2> Konverter Panjang </h2>
<p> Ketik nilai di fields Kilometer untuk mengonversi nilai menjadi Mil: </p>

<p>
  <label>Kilometers</label>
  <input id="inputKilometers" type="number" placeholder="Kilometers" oninput="LengthConverter(this.value)" onchange="LengthConverter(this.value)">
</p>
<p>Miles: <span id="outputMiles"></span></p>

<script>
function LengthConverter(valNum) {
  document.getElementById("outputMiles").innerHTML=valNum*0.62137;
}
</script>
</body>
</html>

Mengkonversi dari Mil ke Pengukuran lain

Tabel di bawah ini menunjukkan cara mengonversi dari Miles ke pengukuran Panjang lainnya:

Mengkonversi dari Mil ke Feet

Rumus : ft = mi * 5280

function LengthConverter(valNum) {
  document.getElementById("outputFeet").innerHTML=valNum*5280;
}

<!DOCTYPE html>
<html>
<title> Konverter Miles ke Panjang Feet </title>
<body>

<h2> Konverter Panjang </h2>
<p> Ketik nilai di fields Miles untuk mengonversi nilai menjadi Feet: </p>

<p>
  <label>Miles</label>
  <input id="inputMiles" type="number" placeholder="Miles" oninput="LengthConverter(this.value)" onchange="LengthConverter(this.value)">
</p>
<p>Feet: <span id="outputFeet"></span></p>

<script>
function LengthConverter(valNum) {
  document.getElementById("outputFeet").innerHTML=valNum*5280;
}
</script>
</body>
</html>

Mengkonversi dari Mil ke Meter

Rumus : m = mi / 0,00062137

function LengthConverter(valNum) {
  document.getElementById("outputMeters").innerHTML=valNum/0.00062137;
}

<!DOCTYPE html>
<html>
<title> Konverter Panjang Mil ke Meter </title>
<body>

<h2> Konverter Panjang </h2>
<p> Ketik nilai di fields Miles untuk mengubah nilai menjadi Meter: </p>

<p>
  <label>Miles</label>
  <input id="inputMiles" type="number" placeholder="Miles" oninput="LengthConverter(this.value)" onchange="LengthConverter(this.value)">
</p>
<p>Meters: <span id="outputMeters"></span></p>

<script>
function LengthConverter(valNum) {
  document.getElementById("outputMeters").innerHTML=valNum/0.00062137;
}
</script>
</body>
</html>

Mengkonversi dari Mil ke Inci

Rumus : in = mi * 63360

function LengthConverter(valNum) {
  document.getElementById("outputInches").innerHTML=valNum*63360;
}

<!DOCTYPE html>
<html>
<title> Konverter Panjang Mil ke Inci </title>
<body>

<h2> Konverter Panjang </h2>
<p> Ketik nilai di fields Miles untuk mengonversi nilai menjadi Inci: </p>

<p>
  <label>Miles</label>
  <input id="inputMiles" type="number" placeholder="Miles" oninput="LengthConverter(this.value)" onchange="LengthConverter(this.value)">
</p>
<p>Inches: <span id="outputInches"></span></p>

<script>
function LengthConverter(valNum) {
  document.getElementById("outputInches").innerHTML=valNum*63360;
}
</script>
</body>
</html>

Konversi dari Mil ke cm

Rumus : cm = mi / 0,0000062137

function LengthConverter(valNum) {
  document.getElementById("outputcm").innerHTML=valNum/0.0000062137;
}

<!DOCTYPE html>
<html>
<title> Konverter Panjang Miles ke cm </title>
<body>

<h2> Konverter Panjang </h2>
<p> Ketik nilai di fields Miles untuk mengubah nilainya menjadi cm: </p>

<p>
  <label>Miles</label>
  <input id="inputMiles" type="number" placeholder="Miles" oninput="LengthConverter(this.value)" onchange="LengthConverter(this.value)">
</p>
<p>cm: <span id="outputcm"></span></p>

<script>
function LengthConverter(valNum) {
  document.getElementById("outputcm").innerHTML=valNum/0.0000062137;
}
</script>
</body>
</html>

Mengkonversi dari Mil ke Yards

Rumus : yd = mi * 1760

function LengthConverter(valNum) {
  document.getElementById("outputYards").innerHTML=valNum*1760;
}

<!DOCTYPE html>
<html>
<title> Konverter Miles ke Yards Panjang </title>
<body>

<h2> Konverter Panjang </h2>
<p> Ketik nilai di fields Miles untuk mengonversi nilai menjadi Yards: </p>

<p>
  <label>Miles</label>
  <input id="inputMiles" type="number" placeholder="Miles" oninput="LengthConverter(this.value)" onchange="LengthConverter(this.value)">
</p>
<p>Yards: <span id="outputYards"></span></p>

<script>
function LengthConverter(valNum) {
  document.getElementById("outputYards").innerHTML=valNum*1760;
}
</script>
</body>
</html>

Mengkonversi dari Mil ke Kilometer

Rumus : km = mi / 0,62137

function LengthConverter(valNum) {
  document.getElementById("outputKilometers").innerHTML=valNum/0.62137;
}

<!DOCTYPE html>
<html>
<title> Pengonversi Panjang Miles ke Kilometer  </title>
<body>

<h2> Konverter Panjang </h2>
<p> Ketik nilai di fields Miles untuk mengubah nilai menjadi Kilometer: </p>

<p>
  <label>Miles</label>
  <input id="inputMiles" type="number" placeholder="Miles" oninput="LengthConverter(this.value)" onchange="LengthConverter(this.value)">
</p>
<p>Kilometers: <span id="outputKilometers"></span></p>

<script>
function LengthConverter(valNum) {
  document.getElementById("outputKilometers").innerHTML=valNum/0.62137;
}
</script>
</body>
</html>

Hanifah Nurbaeti

Tags: How Tojavascript