Cara Mengkonversi Mil Menjadi Kilometer Menggunakan Javascript

Salam hangat teman-teman, semoga teman-teman sehat selalu ya, Kali ini saya akan mencoba membagi Cara Mengkonversi Mil Menjadi Kilometer Menggunakan Javascript.

JavaScript adalah bahasa pemrograman web yang bersifat Client Side Programming Language. Client Side Programming Language adalah tipe bahasa pemrograman yang pemrosesannya dilakukan oleh client. Aplikasi client yang dimaksud merujuk kepada web browser seperti Google Chrome dan Mozilla Firefox.

Sebelum masuk ke tutorial singkat kita harus tahu dulu apa itu konversi. Konversi berdasarkan kamus besar bahasa Indonesia adalah perubahan dari satu bentuk (rupa, dan sebagainya) ke bentuk (rupa, dan sebagainya). Pada tutorial kali ini kita akan mencoba mengkonversi satuan Mil menjadi Kilometer.

Nah, Sekarang saya akan memberi tutorial singkat tentang bagaimana Cara Mengkonversi Mil Menjadi Kilometer Menggunakan Javascript.

– Pertama teman-teman ketikan kode html di bawah ini:

<!DOCTYPE html>
<html>
<head>
	<title>konverter</title>
	<link rel="stylesheet" href="style.css">
</head>
<body>

	<div class="container">
		<h1>Konverter Mil ke Kilometer</h1>
		<form action="">
			Mil:<br>

      <!--id yang terdapat di masing tag input berfungsi untuk mengambil nilai yang kita input untuk di proses di javascript-->
			<input id="txt-mil" size="20" type="text" value=""/>
			<br>
			Kilometer:<br>
			<input id="txt-km" size="20" type="text" value=""/>
			<br><br>

			<button type="button" onclick="calMilKeKilometer();">Mil ke Kilometer</button>
			<button type="button" onclick="calKilometerKeMil();">Kilometer ke Mil</button>
			
		</form> 
	</div>
</body>
</html>

Hasilnya akan seperti gambar di bawah ini:

– Kedua ketikan kode css di bawah ini untuk mempercantik tampilan formnya:

*{padding: 0; margin: 0}
.container {width: 450px; margin: auto; text-align: center}

form {border: 1px solid grey;
	  border-radius: 10px;
	  padding: 20px}

Refresh browser teman-teman maka hasilnya akan seperti gambar di bawah ini:

– Langkah ketiga adalah membuat kode javascript untuk membuat proses konversinya, teman-teman ketikan kode javascript di bawah ini:

<script>

  /*Variabel yang akan menampung nilai yang kita input*/
  var txtMil;
  var txtKm;
 
 /*Varibel nilai baku perhitungan mil ke km dan km ke mil*/
  var KM_TO_MILES = 1.60934;
  var MILES_TO_KM = 0.621371;
 
 /*Untuk mengambil nilai yang kita input dari form yng kita buat*/
  function initElements() {
    if (!txtMil) {  
      txtMil = document.getElementById("txt-mil");
      txtKm = document.getElementById("txt-km");
    }
  }

  /*Fungsi untuk menghitung Mil ke Kilometer*/
  function calMilKeKilometer() {
    initElements();
    var mil = parseFloat(txtMil.value);
    txtKm.value = String(mil * KM_TO_MILES);
  }
 
 /*Fungsi untuk menghitung Kilometer ke Mil*/
  function calKilometerKeMil() {
    initElements();
    var km = parseFloat(txtKm.value);
    txtMil.value = String(km * MILES_TO_KM);
  }

  </script>

Hasil konversi dari Mil ke Kilometer:

Hasil konversi dari Kilometer ke Mil:

Bagaimana teman-teman cukup mudahkan Mengkonversi Mil Menjadi Kilometer Menggunakan Javascript. Jangan lupa langsung dipraktekan ya teman-teman.

Sekian tutorial saya kali ini tentang Cara Mengkonversi Mil Menjadi Kilometer Menggunakan Javascript. Sehat selalu ya teman-teman.

Cara Mengkonversi Mil Menjadi Kilometer Menggunakan Javascript

Kategori