Program Operator Perbandingan dengan JavaScript dan HTML (Input Type)

byInzaghi's Blog Admin -
0

Halo semuanya! Berjumpa dengan Miniblog dari Inzaghi's Blog! Jika sebelumnya, sudah membahas tentang Operasi Hitung Aritmatika dalam Bahasa JavaScript. Sekarang, kita akan membahas tentang Program Operasi Perbandingan 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 Perbandingan 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 Perbandingan</title>
</head>
<body>
    <script>
        function hitungPerbandingan() {
            var angka1 = parseFloat(document.getElementById("angka1").value);
            var angka2 = parseFloat(document.getElementById("angka2").value);

            var isEqual = angka1 == angka2;
            var isNotEqual = angka1 != angka2;
            var isGreater = angka1 > angka2;
            var isLess = angka1 < angka2;
            var isGreaterOrEqual = angka1 >= angka2;
            var isLessOrEqual = angka1 <= angka2;

            document.getElementById("isEqual").innerText = "a == b : " + isEqual;
            document.getElementById("isNotEqual").innerText = "a != b : " + isNotEqual;
            document.getElementById("isGreater").innerText = "a > b : " + isGreater;
            document.getElementById("isLess").innerText = "a < b : " + isLess;
            document.getElementById("isGreaterOrEqual").innerText = "a >= b : " + isGreaterOrEqual;
            document.getElementById("isLessOrEqual").innerText = "a <= b : " + isLessOrEqual;
        }
    </script>

    <h2>Operasi Hitung Perbandingan</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 />
    <button onclick="hitungPerbandingan()">Hitung</button>
    <br />
    <br />
    <div id="isEqual"></div>
    <div id="isNotEqual"></div>
    <div id="isGreater"></div>
    <div id="isLess"></div>
    <div id="isGreaterOrEqual"></div>
    <div id="isLessOrEqual"></div>
</body>
</html>

Input dan Output :

Pembahasan :

  • Angka Pertama (a) : 6
  • Angka Kedua (b) : 5

  • a = b → False
  • a ≠ b → True
  • a > b → True
  • a < b → False
  • a ≥ b → True
  • a ≤ b → False


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

Terima Kasih 😀😊😘👌👍 :)

Tags

You may like these posts

Post a Comment

Previous Post Next Post