Cara Menulis Fungsi JavaScript yang Menghitung Tarif Taksi

Taksi adalah cara yang nyaman tetapi mahal untuk bepergian. Begitu taksi mulai bergerak, meteran mulai berjalan dan muatan mulai menumpuk. Jika Anda mengetahui tarif yang dikenakan oleh perusahaan taksi dan perkiraan jarak ke tujuan Anda, Anda dapat membuat penaksir tarif taksi Anda sendiri menggunakan JavaScript. Jika biaya taksi didasarkan pada setiap mil kelima, kalikan jarak tempuh perjalanan Anda dengan lima. Kemudian kalikan hasilnya dengan tarif per mil kelima. Terakhir, tambahkan jumlah ini ke biaya pengantaran awal yang dikenakan beberapa perusahaan terlepas dari jarak yang ditempuh.

Luncurkan Notepad editor teks biasa dengan mengklik tombol "Mulai", "Semua Program," "Aksesoris," lalu "Notepad."

Masukkan kode berikut ke dalam editor teks:

Hitung Tarif Taksi

Jarak tempuh (Mil):
Jumlah penumpang :


$00.00

Klik menu "Berkas". Pilih opsi "Simpan". Simpan dengan nama file "test.html."

Luncurkan browser Web dengan mengklik tombol "Start", mengklik "All Programs" dan "Internet Explorer." Klik pada item menu "File" dan pilih "Open File."

Cari file "test.html" yang baru saja dibuat, pilih dengan mouse, lalu klik "Buka."

Masukkan jarak ke tujuan Anda dalam mil. Masukkan jumlah orang yang berkendara bersama Anda. Dalam contoh ini, jika ada lebih dari dua orang yang naik, setiap orang tambahan harus membayar $2 untuk naik. Klik pada tombol berlabel "Hitung Tarif." Perkiraan akan muncul di sebelah kanan tombol.

Tips

Anda dapat meningkatkan kegunaan skrip Anda dengan menggunakan layanan pemetaan online gratis. Saat Anda memberikan situs dengan alamat awal dan tujuan, aplikasi menghitung jarak. Terkadang, layanan pemetaan menawarkan rute alternatif yang mungkin berbeda dalam jarak dan waktu tempuh . Mesin pencari Bing dan Google, bersama dengan MapQuest dan OpenStreetMap, menyediakan antarmuka pemrograman ke layanan mereka sehingga Anda dapat memasukkan perhitungan jarak rute ke dalam aplikasi Anda.

Peringatan

Elemen formulir HTML mengembalikan data sebagai string, bukan angka. Terserah Anda untuk memastikan bahwa nilai yang diambil dari kotak input adalah tipe data yang benar untuk digunakan dalam perhitungan Anda. Fungsi JavaScript Number() mengubah nilai string menjadi angka, jika memungkinkan. Misalnya, jika Anda memasukkan "9", Number() mengonversinya menjadi angka 9. Jika Anda memasukkan "sembilan", Number() akan mengembalikan "NaN" atau "Not a Number."

Item yang Anda perlukan

  • Peramban web seperti Internet Explorer

  • Editor teks biasa seperti Notepad