Program Faktorial Iteratif dan Rekursif dengan JavaScript dan HTML (Input Type)

Halo semuanya! Berjumpa dengan Miniblog dari Inzaghi's Blog! Faktorial merupakan Rumus yang paling sering di jumpai di dalam Matematika. Seperti apakah Program Faktorial dalam Bahasa JavaScript dan ditampilkan dengan menggunakan HTML? Inilah Jawabannya.

Sumber : Wikipedia.org


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.

Dalam Matematika, Faktorial dari Bilangan Bulat Positif dari n yang dilambangkan dengan n!, adalah Produk (Perkalian) dari semua Bilangan Bulat Positif yang kurang dari atau sama dengan n :

Inilah Faktorial Iteratif 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>Faktorial Iteratif</title>
</head>
<body>
    <h2>Faktorial Iteratif</h2>
    <label>Masukkan Angka: <input type="number" id="angka"></label><br>
    <br />
    <button onclick="hitungFaktorial()">Hitung Faktorial</button>

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

    <script>
        function faktorial(n) {
            var fak = 1;
            if (n > 0) {
                for (var i = 1; i <= n; i++) {
                    fak *= i;
                }
            }
            return fak;
        }

        function hitungFaktorial() {
            var angka = document.getElementById('angka').value;
            var hasil = faktorial(angka);
            var output = document.getElementById('output');
            output.innerHTML = "<p>" + angka + "! = " + hasil + "</p>";
        }
    </script>
</body>
</html>

Input dan Output :

Dan inilah Program Faktorial Rekursif 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>Faktorial Rekursif</title>
</head>
<body>
    <h2>Faktorial Rekursif</h2>
    <label>Masukkan Bilangan: <input type="number" id="bil"></label><br>
    <br />
    <button onclick="hitungFaktorialRekursif()">Hitung Faktorial Rekursif</button>

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

    <script>
        function faktorialRekursif(a) {
            if (a == 0) {
                return 1;
            } else {
                return a * faktorialRekursif(a - 1);
            }
        }

        function hitungFaktorialRekursif() {
            var bil = document.getElementById('bil').value;
            var output = document.getElementById('output');
            output.innerHTML = "<p>" + bil + "! = " + faktorialRekursif(bil) + "</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