Kode Program

Program Operasi Hitung Aritmatika dengan JavaScript dan HTML (Input Type)

13 Dec 2023 0

Halo semuanya! Berjumpa dengan Miniblog dari Inzaghi's Blog! Jika sebelumnya, sudah membahas tentang Bangun Datar dan Ruang dalam Bahasa Pemrograman. Sekarang, kita akan membahas tentang Program Operasi Hitung Aritmatika dalam Bahasa JavaScript dan ditampilkan dengan menggunakan HTML.

Untuk Software-nya, Anda bisa menggunakan Notepad++, Sublime Text, ataupun VS Code, dan ditampilkan melalui Browser Anda. Bahkan Anda juga bisa menggunakan Online Compiler yang ada di Internet seperti Programiz, OneCompiler, OnlineGDB, dll.

Dan inilah Program Operasi Hitung Aritmatika dengan HTML dan JavaScript :

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Operasi Hitung Aritmatika</title>
</head>
<body>
    <script>
        function hitungAritmatika() {
            var angka1 = parseFloat(document.getElementById("angka1").value);
            var angka2 = parseFloat(document.getElementById("angka2").value);

            var penjumlahan = angka1 + angka2;
            var pengurangan = angka1 - angka2;
            var perkalian = angka1 * angka2;
            var pembagian = angka1 / angka2;

            document.getElementById("penjumlahan").innerText = "Penjumlahan = " + penjumlahan;
            document.getElementById("pengurangan").innerText = "Pengurangan = " + pengurangan;
            document.getElementById("perkalian").innerText = "Perkalian = " + perkalian;
            document.getElementById("pembagian").innerText = "Pembagian = " + pembagian;
        }
    </script>

    <h2>Operasi Hitung Aritmatika</h2>
    <label for="angka1">Masukkan Angka Pertama: </label>
    <input type="text" id="angka1">
    <br>
    <label for="angka2">Masukkan Angka Kedua: </label>
    <input type="text" id="angka2">
    <br />
    <br />
    <button onclick="hitungAritmatika()">Hitung</button>
    <br />
    <br />
    <div id="penjumlahan"></div>
    <div id="pengurangan"></div>
    <div id="perkalian"></div>
    <div id="pembagian"></div>
</body>
</html>

Input dan Output :

Pembahasan :

Angka Pertama : 7
Angka Kedua : 4

Penjumlahan : 7 + 4 = 11
Pengurangan : 7 - 4 = 3
Perkalian : 7 * 4 = 28
Pembagian : 7 / 4 = 1.75

Mohon maaf apabila ada kesalahan sedikit pun pada Kode Program ini.

Terima Kasih 😀😊😘👌👍 :)

Kode Program

Join the conversation

Program Operasi Hitung Aritmatika dengan JavaScript dan HTML (Input Type)

Keep reading

Apa itu OpenCode? Open Source AI Coding Agent Secara Gratis (Beserta dengan Tutorial Penggunaannya)

Program Deret Bilangan Ganjil-Genap dengan JavaScript dan HTML (Input Type)

Program Deret Bilangan Ganjil-Genap dengan PHP dan HTML (Input Type)