Cara Membuat Konverter Kecepatan Dengan Javascript

Di bawah ini kita akan mempelajari cara membuat pengubah kecepatan dengan HTML dan JavaScript.

Section Artikel

1 Buat Pengonversi Kecepatan
- 1.1 Konversi dari MPH ke Pengukuran lain
- 1.2 Konversi dari KPH ke Pengukuran lain
2 Mengkonversi dari Knot ke Pengukuran lain
3 Mengkonversi dari Mach ke Pengukuran lain

Buat Pengonversi Kecepatan

Buat elemen masukan yang dapat mengubah nilai dari satu pengukuran kecepatan ke lainnya.

Langkah 1) Tambahkan HTML:
Contoh – MPH ke KPH

<p>
  <label>MPH</label>
  <input id="inputMPH" type="number" placeholder="MPH"
  oninput="speedConverter(this.value)"
  onchange="speedConverter(this.value)">
</p>
<p>KPH: <span id="outputKPH"></span></p>

Langkah 2) Tambahkan JavaScript:
Contoh – MPH ke KPH

/* Ketika fields masukan menerima masukan, ubah nilai dari mph ke kph*/
function speedConverter(valNum) {
  valNum = parseFloat(valNum);
  document.getElementById("outputKPH").innerHTML = valNum * 1.609344;
}

Konversi dari MPH ke Pengukuran lain

Tabel di bawah ini menunjukkan cara mengonversi dari MPH ke pengukuran kecepatan lainnya:

Konversi dari MPH ke KPH

Rumus : KPH = MPH * 1.609344

function speedConverter(valNum) {
  document.getElementById("outputKPH").innerHTML=valNum*1.609344;
}

<!DOCTYPE html>
<html>
<title> Konverter Kecepatan MPH ke KPH </title>
<body>

<h2> Pengonversi Kecepatan </h2>
<p> Ketik nilai di fields MPH untuk mengubah nilai menjadi KPH: </p>

<p>
  <label>MPH</label>
  <input id="inputMPH" type="number" placeholder="MPH" oninput="speedConverter(this.value)" onchange="speedConverter(this.value)">
</p>
<p>KPH: <span id="outputKPH"></span></p>

<script>
function speedConverter(valNum) {
  document.getElementById("outputKPH").innerHTML=valNum*1.609344;
}
</script>

</body>
</html>

Konversi dari MPH ke Knot

Rumus : knot = MPH / 1.150779

function speedConverter(valNum) {
  document.getElementById("outputKnots").innerHTML=valNum/1.150779;
}

<!DOCTYPE html>
<html>
<title> Konverter Kecepatan MPH ke Knot </title>
<body>

<h2> Pengonversi Kecepatan </h2>
<p> Ketik nilai di fields MPH untuk mengubah nilai menjadi Knot: </p>

<p>
  <label>MPH</label>
  <input id="inputMPH" type="number" placeholder="MPH" oninput="speedConverter(this.value)" onchange="speedConverter(this.value)">
</p>
<p>Knots: <span id="outputKnots"></span></p>

<script>
function speedConverter(valNum) {
  document.getElementById("outputKnots").innerHTML=valNum/1.150779;
}
</script>

</body>
</html>

Konversi dari MPH ke Mach

Rumus : Mach = MPH / 761.207

function speedConverter(valNum) {
  document.getElementById("outputMach").innerHTML=valNum/761.207;
}

<!DOCTYPE html>
<html>
<title> Konverter Kecepatan MPH ke Mach </title>
<body>

<h2> Pengonversi Kecepatan </h2>
<p> Ketik nilai di fields MPH untuk mengonversi nilai menjadi Mach: </p>

<p>
  <label>MPH</label>
  <input id="inputMPH" type="number" placeholder="MPH" oninput="speedConverter(this.value)" onchange="speedConverter(this.value)">
</p>
<p>Mach: <span id="outputMach"></span></p>

<script>
function speedConverter(valNum) {
  document.getElementById("outputMach").innerHTML=valNum/761.207;
}
</script>

</body>
</html>

Konversi dari KPH ke Pengukuran lain

Tabel di bawah ini menunjukkan cara mengonversi dari KPH ke pengukuran kecepatan lainnya:

Konversi dari KPH ke MPH

Rumus : MPH = KPH / 1.609344

function speedConverter(valNum) {
  document.getElementById("outputMPH").innerHTML=valNum/1.609344;
}

<!DOCTYPE html>
<html>
<title> Konverter Kecepatan KPH ke MPH </title>
<body>

<h2> Pengonversi Kecepatan </h2>
<p> Ketik nilai di fields KPH untuk mengonversi nilai menjadi MPH: </p>

<p>
  <label>KPH</label>
  <input id="inputKPH" type="number" placeholder="KPH" oninput="speedConverter(this.value)" onchange="speedConverter(this.value)">
</p>
<p>MPH: <span id="outputMPH"></span></p>

<script>
function speedConverter(valNum) {
  document.getElementById("outputMPH").innerHTML=valNum/1.609344;
}
</script>

</body>
</html>

Konversi dari KPH ke Knot

Rumus : knot = KPH / 1.852

function speedConverter(valNum) {
  document.getElementById("outputKnots").innerHTML=valNum/1.852;
}

<!DOCTYPE html>
<html>
<title> Konverter Kecepatan KPH ke Knot </title>
<body>

<h2> Pengonversi Kecepatan </h2>
<p> Ketik nilai di fields KPH untuk mengubah nilai menjadi Knot: </p>

<p>
  <label>KPH</label>
  <input id="inputKPH" type="number" placeholder="KPH" oninput="speedConverter(this.value)" onchange="speedConverter(this.value)">
</p>
<p>Knots: <span id="outputKnots"></span></p>

<script>
function speedConverter(valNum) {
  document.getElementById("outputKnots").innerHTML=valNum/1.852;
}
</script>

</body>
</html>

Konversi dari KPH ke Mach

Rumus : Mach = KPH / 1225.044

function speedConverter(valNum) {
  document.getElementById("outputMach").innerHTML=valNum/1225.044;
}

<!DOCTYPE html>
<html>
<title> Konverter Kecepatan KPH ke Mach </title>
<body>

<h2> Pengonversi Kecepatan </h2>
<p> Ketik nilai di fields KPH untuk mengonversi nilai menjadi Mach: </p>

<p>
  <label>KPH</label>
  <input id="inputKPH" type="number" placeholder="KPH" oninput="speedConverter(this.value)" onchange="speedConverter(this.value)">
</p>
<p>Mach: <span id="outputMach"></span></p>

<script>
function speedConverter(valNum) {
  document.getElementById("outputMach").innerHTML=valNum/1225.044;
}
</script>

</body>
</html>

Mengkonversi dari Knot ke Pengukuran lain

Tabel di bawah ini menunjukkan cara mengonversi dari Knot ke pengukuran kecepatan lainnya:

Konversi dari Knot ke MPH

Rumus : MPH = knot * 1.150779

function speedConverter(valNum) {
  document.getElementById("outputMPH").innerHTML=valNum*1.150779;
}

<!DOCTYPE html>
<html>
<title> Konverter Kecepatan Knot ke MPH </title>
<body>

<h2> Pengonversi Kecepatan </h2>
<p> Ketik nilai di fields Knots untuk mengubah nilai menjadi MPH: </p>

<p>
  <label>Knots</label>
  <input id="inputKnots" type="number" placeholder="Knots" oninput="speedConverter(this.value)" onchange="speedConverter(this.value)">
</p>
<p>MPH: <span id="outputMPH"></span></p>

<script>
function speedConverter(valNum) {
  document.getElementById("outputMPH").innerHTML=valNum*1.150779;
}
</script>

</body>
</html>

Konversi dari Knot ke KPH

Rumus : KPH = knot * 1.852

function speedConverter(valNum) {
  document.getElementById("outputKPH").innerHTML=valNum*1.852;
}

<!DOCTYPE html>
<html>
<title> Konverter Kecepatan Knot ke KPH </title>
<body>

<h2> Pengonversi Kecepatan </h2>
<p> Ketik nilai di fields Knots untuk mengonversi nilai menjadi KPH: </p>

<p>
  <label>Knots</label>
  <input id="inputKnots" type="number" placeholder="Knots" oninput="speedConverter(this.value)" onchange="speedConverter(this.value)">
</p>
<p>KPH: <span id="outputKPH"></span></p>

<script>
function speedConverter(valNum) {
  document.getElementById("outputKPH").innerHTML=valNum*1.852;
}
</script>

</body>
</html>

Konversi dari Knot ke Mach

Rumus : Mach = knot / 661,4708

function speedConverter(valNum) {
  document.getElementById("outputMach").innerHTML=valNum/661.4708;
}

<!DOCTYPE html>
<html>
<title> Konverter Kecepatan Knot ke Mach </title>
<body>

<h2> Pengonversi Kecepatan </h2>
<p> Ketik nilai di fields Knots untuk mengonversi nilai menjadi Mach: </p>

<p>
  <label>Knots</label>
  <input id="inputKnots" type="number" placeholder="Knots" oninput="speedConverter(this.value)" onchange="speedConverter(this.value)">
</p>
<p>Mach: <span id="outputMach"></span></p>

<script>
function speedConverter(valNum) {
  document.getElementById("outputMach").innerHTML=valNum/661.4708;
}
</script>

</body>
</html>

Mengkonversi dari Mach ke Pengukuran lain

Tabel di bawah ini menunjukkan cara mengonversi dari Mach ke pengukuran kecepatan lainnya:

Konversi dari Mach ke MPH

Rumus : MPH = Mach * 761.207

function speedConverter(valNum) {
  document.getElementById("outputMPH").innerHTML=valNum*761.207;
}

<!DOCTYPE html>
<html>
<title> Pengonversi Kecepatan Mach ke MPH </title>
<body>

<h2> Pengonversi Kecepatan </h2>
<p> Ketik nilai di fields Mach untuk mengonversi nilai menjadi MPH: </p>

<p>
  <label>Mach</label>
  <input id="inputMach" type="number" placeholder="Mach" oninput="speedConverter(this.value)" onchange="speedConverter(this.value)">
</p>
<p>MPH: <span id="outputMPH"></span></p>

<script>
function speedConverter(valNum) {
  document.getElementById("outputMPH").innerHTML=valNum*761.207;
}
</script>

</body>
</html>

Konversi dari Mach ke KPH

Rumus : KPH = Mach * 1225.044

function speedConverter(valNum) {
  document.getElementById("outputKPH").innerHTML=valNum*1225.044;
}

<!DOCTYPE html>
<html>
<title> Pengonversi Kecepatan Mach ke KPH </title>
<body>

<h2> Pengonversi Kecepatan </h2>
<p> Ketik nilai di fields Mach untuk mengonversi nilai menjadi KPH: </p>

<p>
  <label>Mach</label>
  <input id="inputMach" type="number" placeholder="Mach" oninput="speedConverter(this.value)" onchange="speedConverter(this.value)">
</p>
<p>KPH: <span id="outputKPH"></span></p>

<script>
function speedConverter(valNum) {
  document.getElementById("outputKPH").innerHTML=valNum*1225.044;
}
</script>

</body>
</html>

Konversi dari Mach ke Knot

Rumus : knot = Mach * 661,4708

function speedConverter(valNum) {
  document.getElementById("outputKnots").innerHTML=valNum*661.4708;
}

<!DOCTYPE html>
<html>
<title> Konverter Kecepatan Mach ke Knots </title>
<body>

<h2> Pengonversi Kecepatan </h2>
<p> Ketik nilai di fields Mach untuk mengubah nilai menjadi Knot: </p>

<p>
  <label>Mach</label>
  <input id="inputMach" type="number" placeholder="Mach" oninput="speedConverter(this.value)" onchange="speedConverter(this.value)">
</p>
<p>Knots: <span id="outputKnots"></span></p>

<script>
function speedConverter(valNum) {
  document.getElementById("outputKnots").innerHTML=valNum*661.4708;
}
</script>

</body>
</html>

How To javascript