Program penjumlahan sederhana dengan javascript yang akan saya sajikan pada artikel kali ini, hampir sama fungsinya dengan kalkulator. Namun bedanya program ini hanya mencakup beberapa operasi aritmatika dan tidak selengkap kalkulator yang sudah saya sajikan pada artikel sebelumnya. Cara Membuat Kalkulator Sederhana Menggunakan HTML, CSS, dan JavaScript Show
Disini akan diberikan tutorial membuat ringkasan menggunakan html dan javascrpt (plus css) untuk menghias tampilan. Dengan menggunakan bentuk dan fungsi onclick() untuk melakukan operasi aritmatika penjumlahan, pengurangan, perkalian, dan pembagian, kemudian ditambahkan tombol hapus yang berfungsi untuk mengatur ulang semua angka ParseInt() yang digunakan dalam program ini berfungsi untuk mengubah nilai String dari tag Input menjadi Integer. Baca selengkapnya Memahami penggunaan parseInt() dalam javascript Dan juga alert() berfungsi untuk memberikan pesan dialog (popup box) yang saya gunakan dalam program ini ketika tidak ada data/nomor yang dimasukkan maka akan muncul pesan "nomor kosong". Pelajari seluk beluk Memahami penggunaan kotak popup dalam javascript Oke langsung saja berikut tutorial membuat ringkasan menggunakan HTML, CSS dan Javascript sederhana Operator adalah karakter yang digunakan untuk mengoperasikan nilai atau variabel. Dalam tutorial ini kita akan membahas bagaimana operator ditulis dalam JavaScript Kita mulai dengan membahas contoh operator agar kita mengetahui apa itu operator.. Seperti contoh membuat operasi penjumlahan (5+5 = 10). Dengan contoh sederhana ini kami menggunakan karakter yang disebut operator. karakternya adalah +. Angka 5 ditambahkan dengan menggunakan karakter khusus yang menghasilkan operasi penjumlahan Demikianlah apa yang dimaksud dengan operator. Untuk cara penggunaan dan contoh Operator lainnya pada JavaScript dapat diklasifikasikan sebagai berikut Operator Aritmatika JavaScriptOperator aritmatika berkaitan dengan operasi aritmatika yang meliputi penjumlahan, pengurangan, perkalian, pembagian dan operasi aritmatika lainnya. Setiap bahasa pemrograman menyediakan operasi aritmatika ini. Untuk pemrograman JavaScript, harap perhatikan cara menggunakannya di bawah ini 1. Penjumlahan dalam JavaScriptBerikut ini adalah bentuk pembuatan operator penjumlahan di JavaScript <html> <head> <title>Belajar JavaScript : Operator Aritmatika</title> <script type="text/javascript"> //penjumlahan bentuk 1 console.log('hasil =', 4 + 2); // Output : 6 //penjumlahan bentuk 2 let x = 10; let y = 5; console.log('hasil x + y = ', x + y); // Output : 15 </script> </head> <body> </body> </html> Contoh di atas adalah salah satu cara melakukan operasi penjumlahan. Selanjutnya, kita juga bisa melakukan operasi penjumlahan menggunakan fungsi-fungsi dalam javascript seperti script di bawah ini let val1; let val2; function penjumlahan(val1, val2) { console.log('jumlah val1 + val2 = ', val1 + val2); } penjumlahan(10,20); // output 30_ 2. Pengurangan dalam JavaScriptContoh operator reduksi <html> <head> <title>Belajar JavaScript : Operator Aritmatika</title> <script type="text/javascript"> //pengurangan bentuk 1 console.log('hasil =', 4 - 2); // Output : 2 //pengurangan bentuk 2 let x = 10; let y = 5; console.log('hasil x - y = ', x - y); // Output : 5 </script> </head> <body> </body> </html> Contoh pengurangan dengan fungsi let val1; let val2; function pengurangan(val1, val2) { console.log('jumlah val1 - val2 = ', val1 - val2); } pengurangan(10, 20); // output -10 3. Perkalian dan Pembagian dalam JavaScriptContoh operator perkalian dan pembagian <html> <head> <title>Belajar JavaScript : Operator Aritmatika</title> <script type="text/javascript"> //perkalian bentuk 1 console.log('hasil =', 4 * 2); // Output : 8 //perkalian bentuk 2 let x = 10; let y = 5; console.log('hasil x * y = ', x * y); // Output : 50 //perkalian bentuk 3 : menggunakan function let val1; let val2; function perkalian(val1, val2) { console.log('jumlah val1 * val2 = ', val1 * val2); } perkalian(10, 20); // output 200 //pembagian bentuk 1 console.log('hasil =', 4 / 2); // Output : 2 //pembagian bentuk 2 let a = 10; let b = 5; console.log('hasil x / y = ', a / b); // Output : 2 //perkalian bentuk 3 : menggunakan function let val3; let val4; function pembagian(val3, val4) { console.log('jumlah val1 / val2 = ', val3 / val4); } pembagian(10, 20); // output 0.5 </script> </head> <body> </body> </html>_ Operator Perbandingan JavaScriptOperasi perbandingan adalah operator yang digunakan sebagai pembanding 1. Operatornya sama dengan / Sama dengan JavaScriptUntuk menggunakan sama dengan sebagai pembanding dalam JavaScript dapat dilakukan dengan console.log(5 == 5); // true console.log(5 == '5'); // true console.log(5 === '5'); // false console.log("test" == "test"); // true console.log("test" === 'test'); // true console.log("test" === "test"); // true 2. Operator tidak sama dengan / Tidak Sama denganconsole.log(5 !== 6); // true console.log(5 !== '5'); // true console.log("test" != "test"); // false_ 3. Operator Lebih besar dari / Lebih besar dariconsole.log(6 > 5); // true console.log(5 > '6'); // false 4. Lebih besar dari dan sama dengan operatorconsole.log(6 >= 5); // true console.log(5 >= 5); // true console.log(5 >= '6'); // false_ 5. Operator lebih kecil dari / Kurang dariconsole.log(6 < 5); // false console.log(5 < 5); // false console.log(5 < 6); // true console.log(5 < '6'); // true_ 6. Kurang dari dan sama dengan operatorlet val1; let val2; function penjumlahan(val1, val2) { console.log('jumlah val1 + val2 = ', val1 + val2); } penjumlahan(10,20); // output 30_0 Operator Logika JavaScriptOperator logis digunakan untuk membuat keputusan di cabang dan juga digunakan selama perulangan Contoh penggunaan operator logika adalah sebagai berikut let val1; let val2; function penjumlahan(val1, val2) { console.log('jumlah val1 + val2 = ', val1 + val2); } penjumlahan(10,20); // output 30_1 Operator logis sering digunakan untuk memilih tindakan dari lebih dari satu kondisi. seperti yang kita lihat diatas kondisi true && true merupakan bentuk dari 2 kondisi. Jika kondisi ini terpenuhi maka blok kode program yang sebenarnya akan dijalankan. Jika salah satu syarat tidak terpenuhi maka blok program palsu akan dijalankan |