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