Penjumlahan Dinamis Dengan Menggunakan Javascript

11 September 2020 by Zed

Penjumlahan Dinamis Dengan Menggunakan Javascript - Bagaimana cara menjumlahkan inputan banyak secara dinamis dengan menggunakan javascript?

Javacript adalah salah satu bahasa pemrograman yang sekarang banyak diminati dan digunakan oleh kalangan programmer. Bahasa pemrograman ini berjalan di sisi client, namun sekarang javascript sudah ada yang berjalan di sisi server yaitu Node Js. Dengan javascript kita bisa mengolah aplikasi atau web kita agar tampilannya menjadi dinamis. Banyak keuntungan ketika kita menggunakan javascript.

Javascript bisa digunakan untuk merender tag HTML, operasi aritmatika secara dinamis, membuat animasi, dan lain sebagainya. Nah, pada kesempatan kali ini saya akan membagikan sedikit ilmu dan pengalaman saya mengenai penjumlahan dinamis dengan menggunakan javascript. Silahkan simak tutorial dibawah ini.

Langkah-langkah

1. Persiapkan Text Editor, XAMPP, dan PC/Laptop

2. Pada tutorial kali ini saya menggunakan library jquery, agar lebih simple...

3. Silahkan ketik code seperti gambar berikut:

penjumlahan javascript

Kita akan menjumlahkan dari hari Senin sampai Rabu dan menampilkan di input Total.

4. Hasil dari code tersebut:

penjumlahan dinamis javascript

Penjelasan:

  1. Kita membuat input text dari hari Senin sampai Rabu dan input Total
  2. Pada bagian input kita beri class yang sama yaitu jumlah dan kita beri class bernama total di input total
  3. Pada script javascript kita memanfaatkan class jumlah untuk menjumlahkan secara dinamis dengan metode keyup dan perulangan
  4. Hasil akan muncul di input total

Penutup

Nah itu dulu tutorial seputar penjumlahan secara dinamis dengan menggunakan bahasa pemrograman javascript. Jika bisa secara dinamis, kenapa harus manual? Sekian dan terimakasih...

 

Komentar