Kode Program

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

21 Jul 2025 0

Halo semuanya! Berjumpa dengan Miniblog dari Inzaghi's Blog! Eksponensial atau Perpangkatan merupakan Rumus yang paling sering di jumpai di dalam Matematika karena merupakan Operasi Hitung Level 3 sebagai Perkalian yang Berulang. Seperti apakah Program Eksponensial dalam Bahasa JavaScript dan ditampilkan dengan menggunakan HTML? Inilah Jawabannya.

Sumber : Wikip edia.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 Programiz, OneCompiler, OnlineGDB, dll.

Dalam Matematika, Eksponensial adalah operasi yang melibatkan dua bilangan, basis dan eksponen atau pangkat. Perpangkatan ditulis sebagai bⁿ, di mana b adalah basis dan n adalah pangkat; ini diucapkan sebagai "b (diangkat) ke (pangkat) n". Ketika n adalah bilangan bulat positif, eksponensial sesuai dengan perkalian berulang dari basis, yaitu, bⁿ adalah produk dari mengalikan n basis :

$b^{n}=\underset{n}{\underbrace{b\cdot b\cdots b\cdot b}}$

Inilah Perpangkatan Iteratif dengan HTML (Input Type) dan JavaScript :

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Perpangkatan Iteratif</title>
</head>
<body>
    <h2>Perpangkatan Iteratif</h2>
    <label>Masukkan Angka: <input type="number" id="angka"></label><br>
    <label>Masukkan Pangkat: <input type="number" id="pangkat"></label><br>
    <br />
    <button onclick="hitungPerpangkatanIteratif()">Hitung Perpangkatan</button>

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

    <script>
        function pangkatIteratif(angka, pangkat) {
            var hasil = 1;
            for (var i = 1; i <= pangkat; i++) {
                hasil *= angka;
            }
            return hasil;
        }

        function hitungPerpangkatanIteratif() {
            var angka = document.getElementById('angka').value;
            var pangkat = document.getElementById('pangkat').value;
            var hasil = pangkatIteratif(angka, pangkat);
            var output = document.getElementById('output');
            output.innerHTML = "<p>Hasil: " + hasil + "</p>";
        }
    </script>
</body>
</html>

Input dan Output :

Dan inilah Program Perpangkatan Rekursif dengan HTML (Input Type) dan JavaScript :

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Perpangkatan Rekursif</title>
</head>
<body>
    <h2>Perpangkatan Rekursif</h2>
    <label>Masukkan Angka: <input type="number" id="angka"></label><br>
    <label>Masukkan Pangkat: <input type="number" id="pangkat"></label><br>
    <br />
    <button onclick="hitungPerpangkatanRekursif()">Hitung Perpangkatan Rekursif</button>

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

    <script>
        function pangkatRekursif(angka, pangkat) {
            if (pangkat == 0) {
                return 1;
            } else {
                return angka * pangkatRekursif(angka, pangkat - 1);
            }
        }

        function hitungPerpangkatanRekursif() {
            var angka = document.getElementById('angka').value;
            var pangkat = document.getElementById('pangkat').value;
            var output = document.getElementById('output');
            output.innerHTML = "<p>Hasil: " + pangkatRekursif(angka, pangkat) + "</p>";
        }
    </script>
</body>
</html>

Input dan Output :

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

Terima Kasih 😀😊😘👌👍 :)

Kode Program

Join the conversation

Program Perpangkatan Iteratif dan Rekursif 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)