Postingan

Menampilkan postingan dengan label html

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

Gambar
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: Function hitung_total, berfungsi untuk mengambil inputan dari user, menyimpannya ke dalam sebuah variabel, melakukan perhitungan, kemudian mengembalikan hasil perhitungan ke user 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

[JAVASCRIPT] MEMBUAT FUNGSI TERBILANG RUPIAH DENGAN JAVASCRIPT

Gambar
Selamat datang di Bali Bagus Channel . Pada kesempatan kali ini kita akan membahas bagaimana cara membuat fungsi terbilang rupiah dengan javascript. Fasilitas "terbilang" biasanya kita butuhkan saat membuat aplikasi yang berkaitan dengan keuangan seperti Aplikasi Penjualan, Aplikasi Laporan Keuangan, dan aplikasi-aplikasi lainnya. Baca Juga: Membuat Auto Complete Total Belanja [Javascript] Membuat Fungsi Terbilang Rupiah [Javascript] Membuat Format Rupiah [Javascript] Memasang Template Admin Lte Dengan Library Codeigniter [Template Website] Jika misalnya sistem menerima input bilangan senilai 1.500.000 maka kita berharap sistem secara otomatis mengkonversi bilangan tersebut ke dalam bentuk teks nya menjadi "Satu Juta Lima Ratus Ribu Rupiah" secara realtime. Untuk mempersingkat waktu mari kita mulai saja pembahasannya. Langkah-langkah : Download file jquery.mask.min.js ; jquery ini berfungsi untuk mengubah inputan user menjadi format rupiah (ada p

[JAVASCRIPT] CARA MEMBUAT FORMAT RUPIAH OTOMATIS PADA FORM INPUT DENGAN JAVASCRIPT

Gambar
Selamat datang di Bali Bagus Channel . Pada kesempatan kali ini kita akan membahas bagaimana cara mem format rupiah dengan javascript. Untuk memformat output data database ke dalam bentuk rupiah, kita gunakan program serverside, seperti PHP. Hal ini tidak efektif jika menggunakan program client side seperti javascript, karena harus menunggu semua dokumen di load. Lalu, untuk tujuan apa membuat format rupiah dengan javascript? Umumnya, format rupiah dengan javascript ini digunakan untuk mengelola inputan dari user pada form baik secara langsung maupun tidak langsung. Tidak langsung dalam hal ini misal membuat total dari semua inputan secara realtime. Untuk mempersingkat waktu mari kita mulai saja pembahasannya. Disini saya akan membuat sebuah file PHP dengan nama form_input.php dimana pada implementasinya nanti kita akan mengubah bilangan yang diinputkan oleh user ke dalam format Rupiah. Berikut contoh code nya. form_input.php Pada salinan source code diatas, rupiah.addEventListener(&

[JAVASCRIPT] CARA MEMBUAT FORMAT RUPIAH DENGAN JAVASCRIPT

Gambar
Selamat datang di Bali Bagus Channel , kali ini kami akan membahas bagaimana caranya membuat format rupiah pada javascript. Jika di dalam pemprograman php membuat format rupiah bisa langsung dengan munggunakan fungsi php number_format berbeda dengan javascript, lebih panjang dalam pegaturanya. Oke mari kita mulai pembahasannya. Disini saya akan membuat sebuah file PHP dengan nama form_input.php dimana pada implementasinya nanti kita akan mengubah bilangan yang diinputkan oleh user ke dalam format Rupiah. Berikut contoh code nya. form_input.php Salah satu cara paling sederhana dalam membuat format rupiah pada javascript adalah dengan menggunakan fungsi String.prototype.replace() dengan argumen berikut: regular expression: (?=(\d{3})+(?!\d)) replacement value: $1, Ekspresi reguler cocok dengan satu digit \d diikuti oleh set tiga digit saja (?=(\d{3})+(?!\d)). Digit yang cocok kemudian diganti dengan $1,. $1 adalah pola penggantian khusus yang menyimpan nilai string sub p

[JAVASCRIPT] CARA MEMBUAT TAG INPUT HTML HANYA MENERIMA NILAI-NILAI NUMERIK HANYA ANGKA

Gambar
Terkadang dalam membuat sebuah aplikasi atau website, kita diharuskan untuk membuat form input yang hanya memperbolehkan untuk menginput angka. Hal ini bertujuan untuk meminimalisir kesalahan entry data di dalam aplikasi website yang kita buat.   Baiklah untuk membuat validasi angka dengan Javacript, silahkan teman-teman simak penjelasan pada tutorial berikut ini. Disini saya akan membuat sebuah file PHP dengan nama form_input.php dimana pada implementasinya nanti akan kita sisipkan fungsi validasi angka, sehingga user hanya bisa memasukkan karakter angka pada form input yang telah kita buat. form_input.php Pada form input diatas terdapat atribut onkeypress=”return isNumberKey(event)” dalam code. Maksud dari atribut onkeypress adalah pada saat user melakukan input apapun (saat menekan keyboard), secara langsung akan memproses inputan user melalui function yang telah dibuat dalam bahasa JavaScript. Function tersebut berisi suatu code untuk melakukan pengecekan apakah input dari user

PEMROGRAMAN HTML UNTUK PEMULA #1

Gambar
  Pengertian HTML HTML (Hyper Text Markup Language) adalah sebuah bahasa formatting yang digunakan untuk membuat sebuah halaman website.  HTML merupakan bahasa pemrograman dasar yang wajib dikuasai bagi seorang web developer. Di dalam dunia pemrograman berbasis website (Web Programming), HTML menjadi pondasi dasar pada halaman website.  Sebuah file HTML disimpan dengan ekstensi .html (dot html) dan dapat dieksekusi atau diakses menggunakan web browser (Google Chrome, Mozilla Firefox, Opera, Safari dan lain-lain) Nantinya, untuk membuat sebuah website yang dinamis, selain HTML kita memerlukan bantuan CSS, JavaScript dan PHP. Kegunaan HTML HTML berfungsi sebagai pondasi sebuah halaman website. adapun yang dapat dilakukan dengan HTML adalah sebagai berikut : Membungkus element-element tertentu sesuai kebutuhan Membuat heading atau format judul Membuat Tabel Membuat List Membuat Paragraf Membuat Form Membuat Tombol Membuat Huruf Tebal Membuat Huruf Miring Menampilkan gambar Menampilkan Vid

Popular Posts

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

Drama : Liburan Ke Kebun Binatang

Proposal Usaha Bengkel Las Dan Bubut “Sabadha Logam”