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 yaitu bahasa pemrograman web yang bersifat Client Side Programming Language. Client Side Programming Language yaitu tipe bahasa pemrograman yang pemrosesannya dilakukan oleh client. Program client yang dimaksud merujuk kepada web browser seperti Google Chrome dan Mozilla Firefox.
Sebelum masuk ke panduan singkat kita mesti tahu dulu apa itu konversi. Konversi merujuk pada kamus besar bahasa Indonesia yaitu perubahan dari satu wujud (rupa, dan sebagainya) ke wujud (rupa, dan sebagainya). Di panduan kali ini kita akan mencoba mengkonversi satuan Mil menjadi Kilometer.
Nah, Kini saya akan memberi panduan singkat mengenai bagaimana Cara Mengkonversi Mil Menjadi Kilometer Menggunakan Javascript.
– Pertama-tama 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 bagi mengambil nilai yang kita input bagi 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 bagi 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 karenanya hasilnya akan seperti gambar di bawah ini:
– Langkah ketiga yaitu membangun kode javascript bagi membangun 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;
/*Bagi mengambil nilai yang kita input dari form yng kita bikin*/
function initElements() {
if (!txtMil) {
txtMil = document.getElementById(txt-mil);
txtKm = document.getElementById(txt-km);
}
}
/*Manfaat bagi menghitung Mil ke Kilometer*/
function calMilKeKilometer() {
initElements();
var mil = parseFloat(txtMil.value);
txtKm.value = String(mil * KM_TO_MILES);
}
/*Manfaat bagi 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 lumayan mudahkan Mengkonversi Mil Menjadi Kilometer Menggunakan Javascript. Jangan lupa seketika dipraktekan ya teman-teman.
Demikianlah panduan saya kali ini mengenai Cara Mengkonversi Mil Menjadi Kilometer Menggunakan Javascript. Sehat selalu ya teman-teman.
Sumber https://kursuswebsite.org
