How To

Cara Membuat Konverter Kecepatan Dengan Javascript

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

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>

Hanifah Nurbaeti

Share
Tags: How Tojavascript