Langsung ke konten utama

Cara Membuat Penjumlahan Menggunakan Javascript

                                    

Hari ini kita akan membahas cara pembuatan menggunakan javascript. Sebelumnya kita telah mempelajari tentang Input dan Output, sekarang mari kita belajar membuat penjumlahan dalam javascript ☺.

Sebelumnya kita membuat file bernama "penjumlahan.html". Setelah itu mari kita membuat inputan tabel dan button terlebih dahulu.


Perlu diperhatikan !!!  id pada label disesuaikan sesuai keinginan ya, mau diganti dengan nama lain gpp. Selanjutnya mari kita lihat hasil nya !


Jika hasil dari pembuatan label benar maka hasil saat dijalankan pasti sama. Sekarang mari kita membuat Javascript nya.


Jika diperhatikan proses inputan di Javascipt ini sama seperti proses inputan Javascript sebelumnya yang kita pelajari "Proses Input Output", bedanya pada proses inputan kali ini kita menggunakan parseInt. Apa itu parseInt? parseInt berfungsi untuk merubah dari nilai string (Data yang memuat karakter) ke integer (Numeric),   kenapa di ubah? karena jika tidak maka hasil dari penjumlahan 2 + 2 adalah 22 (jika menggunakan tipe data string), jika menggunakan tipe data integer maka 2 + 2 adalah 4 ☺. Sekarang mari kita lihat hasilnya.


Nah, benerkan penjumlahannya? mari kita buktikan dengan menghapus perintah parseInt, apakah hasil 2 dijumlah 2 menjadi 4?




Nah kan, sudah terbukti jika menggunakan parseInt nilai akan ter jumlahkan :D. Selamat belajar and have fun :D .

Komentar

  1. Ditunggu next tutor untuk kalkulatornya um.....
    kumbal dimari um adampuji.blogspot.com

    BalasHapus

Posting Komentar

Postingan populer dari blog ini

Cara Membuat Input dan Output menggunakan Javascript

                                         Halo semua, kali ini saya akan memposting sebuah tutorial yang diajarkan oleh dosen saya tentang Input dan Output menggunakan Javascript. KLIK GAMBAR UNTUK MEMPERBESAR !!! Pertama - tama kita membuat file bernama inputoutput.html (Perlu diketahui bahwa saya menggunakan aplikasi notepad++ ) Lalu, buatlah label dan juga textbox seperti gambar ini : Pengertian tag input type : Untuk menentukan inputan apa yang akan kita gunakan semisal TEXT berguna untuk inputan berjenis text jadi hanya menampilkan jenis text. Dan untuk kegunaan id sendiri selain untuk memudahkan manipulasi elemen input di sisi browser, dengan menggunakan JavaScript, dengan adanya id kita bisa mendefinisikan hubungan antara label dan inputan. Dan untuk kegunaan disable pada inputan output berfungsi untuk menonaktifkan textbox nya. Untuk disable sendiri bisa tidak digun...

Cara Membuat Kalkulator Menggunakan HTML + Javascript

                                            Halo semua, hari ini kita akan mempraktekkan bagaimana sih cara membuat kalkulator di dalam web :D sebelumnya kita telah membahas tentang bagaimana "Cara Membuat Penjumlahan Menggunakan Javascript" . Sebenarnya cara kali ini hampir sama dengan penjumlahan sebelumnya, tapi ada sedikit perbedaan :D apakah itu? mari kita praktekkan sama - sama. Pertama kita membuat file html terlebih dahulu, lalu ketikkan kode seperti gambar berikut ini : Hasil dari koding diatas akan persis seperti ini : Disini kita hanya membutuhkan 2 form textbox input untuk pengisian kedua nomor yang akan di jumlahkan, satu label hasil untuk output nya dan juga 4 button yang terdiri dari Penjumlahan, Pengurangan, Perkalian dan juga Pembagian. Untuk nama variable pada button bisa kalian ganti sesuka hati :D jika masih belum paham apasih var itu dan apa kegunaa...