Faktorial ( n! )

Faktorial dari bilangan asli n adalah hasil perkalian antara bilangan bulat positif yang kurang dari atau sama dengan n. Faktorial ditulis sebagai n! dan disebut n faktorial. Secara umum dapat dituliskan sebagai :

n! = n x ( n - 1 ) x ( n - 2 ) x ( n - 3 ) x ... x 3 x 2 x 1


Program faktorial ini dibuat dengan menggunakan HTML, CSS, dan untuk menghitung faktorialnya menggunakan bahasa pemrograman Javascript. Didalam program ini memanfaatkan perulangan ( for ) untuk mengurangi nilai n sesuai dengan rumus di atas.


CSS :
body, html {
    margin: 0; padding: 0; width: 100%; height: 100%;
    font-family: arial, sans-serif;
}
input {
    width: 256px;
    background: #fff;
    color: #222;
    padding: 10px; margin: 5px 0;
    border: 0; border-radius: 10px;
}
input[id="xRes"] { background: #511; color: #fff; }
button {
    width: 128px;
    background: #c22;
    padding: 10px; margin: 5px 0;
    border: 0; border-radius: 10px;
}
h2 { color: #fff; }

HTML :
<!DOCTYPE html>
<html>
    <head>
        <title>Faktorial (n!)</title>
        <link rel="stylesheet" type="text/css" href="xstyle.css">
    </head>
    <body>
        <table bgcolor="#822" width="100%" height="100%">
            <tr><td align="center">
                <h2>Faktorial (n!)</h2>
                <input id="xNum1" placeholder="Bilangan"><br>
                <input id="xRes" placeholder="Hasil"><br>
                <button onclick="xHitung()">Hitung</button>
            </td></tr>
        </table>
        <script src="xscript.js" type="text/javascript"></script>
    </body>
</html>

Javascript :
function xHitung() {
    var xNum1 = parseInt(document.getElementById("xNum1").value);
    var xRes = 1;

    for(var n = xNum1; n >= 1; n--) xRes *= n;

    document.getElementById("xRes").value = xRes;
}


EmoticonEmoticon