Program Akar Persamaan Kuadrat dengan JavaScript dan HTML (Input Type)

Halo semuanya! Berjumpa dengan Miniblog dari Inzaghi's Blog! Jika sebelumnya, sudah membahas tentang Operasi Hitung dalam Bahasa Pemrograman. Sekarang, kita akan membahas tentang Program mencari Akar Persamaan Kuadrat 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 ProgramizOneCompilerOnlineGDB, dll.

Secara Matematis, Rumus Akar Persamaan Kuadrat adalah sebagai berikut :

Dan inilah Program mencari Akar Persamaan Kuadrat dengan HTML dan JavaScript :

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Akar Persamaan Kuadrat</title>
</head>
<body>
    <h2>Akar Persamaan Kuadrat</h2>
    <label>Masukkan nilai a: <input type="number" id="a"></label><br>
    <label>Masukkan nilai b: <input type="number" id="b"></label><br>
    <label>Masukkan nilai c: <input type="number" id="c"></label><br>
    <br />
    <button onclick="hitungAkar()">Hitung Akar</button>

    <div id="output"></div>

    <script>
        function hitungAkar() {
            var a = document.getElementById('a').value;
            var b = document.getElementById('b').value;
            var c = document.getElementById('c').value;

            var output = document.getElementById('output');
            output.innerHTML = "<p>Bentuk Persamaan: " + a + "x^2 + " + b + "x + " + c + " = 0</p>";

            var D = (b * b) - (4 * a * c);

            if (D > 0) {
                var x1 = (-b + Math.sqrt(D)) / (2 * a);
                var x2 = (-b - Math.sqrt(D)) / (2 * a);
                output.innerHTML += "<p>X1 = " + x1 + "</p><p>X2 = " + x2 + "</p>";
            } else if (D == 0) {
                var x1 = (-b + Math.sqrt(D)) / (2 * a);
                var x2 = x1;
                output.innerHTML += "<p>X1 = " + x1 + "</p><p>X2 = " + x2 + "</p>";
            } else {
                output.innerHTML += "<p>Akar Imajiner</p>";
            }
        }
    </script>
</body>
</html>

Input dan Output :


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

Terima Kasih 😀😊😘👌👍 :)

Post a Comment

Previous Post Next Post