Cara menggunakan make summation dengan javascript

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


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 JavaScript

Operator 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 JavaScript

Berikut 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 JavaScript

Contoh 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 JavaScript

Contoh 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 JavaScript

Operasi perbandingan adalah operator yang digunakan sebagai pembanding

1. Operatornya sama dengan / Sama dengan JavaScript

Untuk 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 dengan

            console.log(5 !== 6); // true
            console.log(5 !== '5'); // true            
            console.log("test" != "test"); // false  
_

3. Operator Lebih besar dari / Lebih besar dari

            console.log(6 > 5); // true
            console.log(5 > '6'); // false    

4. Lebih besar dari dan sama dengan operator

            console.log(6 >= 5); // true
            console.log(5 >= 5); // true
            console.log(5 >= '6'); // false    
_

5. Operator lebih kecil dari / Kurang dari

            console.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 operator

        let val1;
        let val2; 
        function penjumlahan(val1, val2) {
            console.log('jumlah val1 + val2 = ', val1 + val2);             
        }
        penjumlahan(10,20); // output 30
_0

Operator Logika JavaScript

Operator 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