[JAVASCRIPT] Membuat Function Total Belanja Otomatis | Onclick Auto Change Value Form Input

Membuat Total Belanja

Pada tutorial kali ini kita akan membahas Cara Membuat Function Total Otomatis pada Javascript. 

Deskripsi Kasus 
user menginputkan jumlah barang dan harga, bersamaan dengan itu hasil dari perhitungannya langsung ditampilkan pada layar user. Dimana nanti proses perhitungannya akan dikerjakan dengan bantuan function yang akan kita buat dengan javascript. Function ini akan kita tempelkan pada field Input (event) user. Oke bagaiamana detail source code nya? langsung saja lihat penjelasannya berikut ini.
 
berikut source code nya, saya buat dalam format HTML silahkan diikuti :
index.html 

Penjelasan:
  1. Function hitung_total, berfungsi untuk mengambil inputan dari user, menyimpannya ke dalam sebuah variabel, melakukan perhitungan, kemudian mengembalikan hasil perhitungan ke user
  2. Function isNumberKey(evt), berfungsi untuk menyaring karakter yang boleh diinputkan oleh user. Fungsi ini hanya mengijinkan (bernilai true) jika user menginputkan karakter berupa angka ke field form input. Jika user menginputkan selain karakter angka, maka JS akan menolaknya (bernilai false). 
  3. Function numberWithCommas(x), berfungsi untuk mengubah value dari sebuah variabel ke dalam bentuk format rupiah (ada pemisah titik/koma setiap tiga angka)
  4. Penjelasan masing-masing perintah sudah dituliskan pada cuplikan program diatas, silahkan dicek. 
Demo Program

See the Pen Auto Change Value by Anggaradana Kadek (@balibaguschannel) on CodePen.

Oke cukup sekian dulu tutorial Membuat Function Total Belanja Otomatis | Onclick Auto Change Value Form Input kali ini. Klik LINK berikut untuk download script programnya secara keseluruhan. Semoga bermanfaat dan Selamat Mencoba.. 💪💪
Lokasi: Penglatan, Kec. Buleleng, Kabupaten Buleleng, Bali, Indonesia

Komentar

Posting Komentar

Popular Posts

Jenis-Jenis Port beserta Penjelasan, Gambar, dan Fungsinya Pada Console Unit

Gambar
Satu unit komputer terdiri dari CPU, Monitor, Keyboard dan Mouse. Pada CPU yang merupakan sistem unit atau console memiliki beberapa port. Port pada komputer berfungsi sebagai antarmuka antara sebuah komputer dengan komputer atau dengan unit (device) lain. Umumnya, port digunakan untuk menghubungkan monitor, keyboard, mouse, modem dan periferal lainnya. Port memiliki standar bentuk sendiri, seperti port untuk keyboard berbentuk bulat. Pertama kali komputer desktop diciptakan, memiliki dua port yaitu port serial dan port parallel. Pemasangan kabel monitor, keyboard dan mouse harus sesuai dengan portnya. Kesalahan pemasangan dapat menyebabkan tidak berfungsinya komputer. Untuk dapat memasang port sesuai dengan posisinya, berikut ini terdapat beberapa port console. Port adalah mekanisme yang mengizinkan sebuah komputer untuk mendukung beberapa sesi koneksi dengan komputer lainnya dan program di dalam jaringan. Port dapat mengidentifikasikan aplikasi dan layanan yang menggunakan k
Baca selengkapnya

Proposal Usaha Bengkel Las Dan Bubut “Sabadha Logam”

Gambar
BAB I PENDAHULUAN Eratnya persaingan kerja sekarang ini yang disebabkan karena keadaan ekonomi di Indonesia yang memprihatinkan sejak krisis ekonomi yang melanda bangsa Indonesia membuat banyak masyarakat yang kehilangan pekerjaan dan pengangguran. Banyaknya para pengusaha yang bangkrut kemudian gulung tikar. Banyak para remaja yang putus sekolah dan menjadi pengangguran. Sebagai Warga Negara kreatif kita tidak boleh putus asa ataupun pantang menyerah pada keadaan sekarang ini yang serba sulit kita harus berusaha, kreatif, inovatif dan berani mengambil suatu keputusan serta resiko untuk menciptakan lapangan pekerjaan sendiri.kita tidak harus bergantung pada orang lain. Untuk mendapatkan suatu pekerjaan kita harus berusaha semaksimal mungkin. Salah satu usaha yang dilakukan untuk mengurangi pengangguran yaitu dengan berwirausaha. Dengan kita berwirausaha kita bisa belajar mandiri dan bisa memaknai arti penting kehidupan secara tidak langsung kita sudah membantu banyak orang
Baca selengkapnya

Drama : Liburan Ke Kebun Binatang

          Saat libur sekolah Antika dan karolina merencanakan pergi ke kebun binatang bersama. Mereka berdua merupakan teman satu kelas yang selalu bersama.           Pagi yang sangat cerah, Antika sedang asyik menyiram tanaman dikebun sekolah. Tiba – tiba, ada seseorang yang berteriak dan datang menghampiri. karolina : “(Datang mengampiri antika yang sedang bermain). tik, aku punya kabar nih.” Antika : “Kabar apaan na?, Pasti mau ngajak aku   jalan – jalan deh.” karolina : “Kok tau?” Antika : “Aku asal nebak aja kok.” karolina: “Tapi tebakan kamu bener, An. Jadi aku bakal ngajakin kamu jalan – jalan.” Antika : “Emang mau jalan – jalan kemana sih na?” Karolina: “Kali ini aku mau ngajak kamu jalan – jalan ke kebun binatang. Ya, mungkin kedengarannya biasa dan nggak seru. Tapi kali ini aku jamin seru deh. Soalnya kita bisa melihat banyak hewan-hewan disana.” Antika : “Wah, mau banget dong. Aku kan belum pernah ke kebun binatang. Liburannya kapan?” Karolina : “Hari M
Baca selengkapnya