Faktorial pada PHP dengan pengungalangan for, while dan do while

Kembali lagi dengan Mas Hyda, kali ini mas Hyda akan memberikan contoh sederhana cara membuat segitiga siku dengan looping for dan while pada PHP :D

oke langsung saja sediakan alat tempurnya :
1. buka notepad++, kemudian buat file baru dan pastekan kode berikut :
    a. style.css
body{
margin : 0;
padding : 0;
width: auto;
height: auto;
background: url(e.jpg) no-repeat center center fixed;
                -webkit-background-size: 100% 100%;
                -moz-background-size: 100% 100%;
                -o-background-size: 100% 100%;
                background-size: 100% 100%;
}
h1 {text-shadow: 2px 2px 3px rgba(0,0,0,0.6);
color : white;}
.menu > li {
   color: #fff;
   height:100%;
   padding: 0px;
   margin : 80px 0px 80px 0px;
  }
 
  .menu{
   position:fixed;
   top:0;
   left:0;
   height: 100%;
   z-index: 70;
   width: 150px;
   padding:0;
   margin:0;
   background: rgba(51, 153, 255, 0.5);
   text-transform:uppercase;
   font-family: 'Open Sans', sans serif;
   box-shadow: 3px 0px #0066ff;
  }
nav{
overflow: auto;
display: block;
color: #2196F3;
}
nav ul{
list-style: none;
height: 500px;
padding: 30px;
margin: 0px;
}
nav ul > li{
display: inline;
}
nav ul > li > a{
display: inline;
padding: 8px 12px;
border-right: #4072b4;
text-decoration: none;
color: #fff;
text-transform: capitalize;
}
nav ul > li > a:hover{
background-color: #4072b4;
}
#box{
position : absolute;
top :100px;
left : 12%;
width: 20%;
height : auto;
padding: 15px;
background: white;
font: 18px/1.5 Georgie, Serif;
filter:alpha(opacity=100);
-moz-opacity:0.0;
opacity:0.8;
-khtml-opacity:0.0;
border-radius : 5px
}
#box2 {
position : absolute;
top :100px;
left : 37%;
width: 10%;
height : auto;
padding: 15px;
background: purple;
font: 18px/1.5 Georgie, Serif;
filter:alpha(opacity=100);
-moz-opacity:0.0;
opacity:0.8;
-khtml-opacity:0.0;
border: 2px solid #000;
border-radius : 5px
}
#box3{
position : absolute;
top :100px;
left : 53%;
width: 20%;
height : auto;
padding: 15px;
background: white;
font: 18px/1.5 Georgie, Serif;
filter:alpha(opacity=100);
-moz-opacity:0.0;
opacity:0.8;
-khtml-opacity:0.0;
border-radius : 5px
}
#box4 {
position : absolute;
top :100px;
left : 78%;
width: auto;
height : auto;
padding: 15px;
background: purple;
font: 18px/1.5 Georgie, Serif;
filter:alpha(opacity=100);
-moz-opacity:0.0;
opacity:0.8;
-khtml-opacity:0.0;
border: 2px solid #000;
border-radius : 5px
}
#box5{
position : absolute;
top :100px;
left : 12%;
width: 50%;
height : auto;
padding: 15px;
background: white;
font: 18px/1.5 Georgie, Serif;
filter:alpha(opacity=100);
-moz-opacity:0.0;
opacity:0.8;
-khtml-opacity:0.0;
border-radius : 5px
}
#box6 {
position : absolute;
top :100px;
left : 70%;
width: auto;
height : auto;
padding: 15px;
background: purple;
font: 22px/1.5 Georgie, Serif;
filter:alpha(opacity=100);
-moz-opacity:0.0;
opacity:0.8;
-khtml-opacity:0.0;
border: 2px solid #000;
border-radius : 5px
}
#boxhome{
position : absolute;
top:20%;
margin-left: 50%;
margin-top: auto;
margin-right: 10px;
width: 35%;
height : 93%;
padding: 20px;
text-shadow: 2px 2px 3px rgba(0,0,0,0.6);
}
/*--- Path Foto ---*/
.circel{
width: 200px;
height: 200px;
background: #1e90ff;
-webkit-clip-path: circle(50% at 50% 50%);
clip-path: circle(50% at 50% 50%);
}
.bayang-O{
width: 200px;
height: 200px;
border: 5px solid #fff;
-moz-box-shadow: 0px 6px 5px #ccc;
-webkit-box-shadow: 0px 6px 5px #ccc;
box-shadow: 0px 0px 0px #ccc;
-moz-border-radius:190px;
-webkit-border-radius:190px;
border-radius:190px;
}
.container{
position: absolute;
top: 170px;
left: 500px; }


  b. index.php 
<html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Home | Arif Hidayah</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<!-- bagian navigasi -->
<div>
<nav>
<ul class="menu">
<br><br>
<li><a href="index.php">HOME</a></li><br><br>
<li><a href="segitigafor.php">SEGITIGA</a></li><br><br>
<li><a href="fakfor.php">FAKTORIAL</a></li><br><br>
</ul>
</nav>
</div>
<!-- bagian home -->
<div class='home'>
<div id='bureng'></div>
<div id="boxhome">
<strong><font color="white" size="100" face="Arial" >ARIF</font><br>
<font color="yellow" size='20' face="Bauhaus 93 Regular" >HIDAYAH</font></strong><br><br>
<font color="white" size='12' face="Bauhaus 93 Regular" >STUDENT & PROGRAMER</font>
</div></div>
<div class="container">
<div class="bayang-O">
<div class='circel' >
<a href = "arifhidayah22@blogspot.co.id">
<img src="ww.jpg" height="200" width ="200">
</a>
</div>
</div>

</div>
<div style='clear:both'>
</body>
</html>


c. fakfor.php 

<html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Perulangan | Faktorial</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<!-- bagian navigasi -->
<div>
<nav>
<ul class="menu">
<br><br>
<li><a href="index.php">HOME</a></li><br><br>
<li><a href="segitigafor.php">SEGITIGA</a></li><br><br>
<li><a href="fakfor.php">FAKTORIAL</a></li><br><br>
<hr><br><br>
<li><a href="fakfor.php">Faktorial For</a></li><br><br>
<li><a href="fakwhile.php">Faktorial While</a></li><br><br>
<li><a href="fakdowhile.php">Faktorial Do-While</a></li><br><br>
</ul>
</nav>
</div>
<br>
<center><b><h1> Perulangan For Aplikasi Faktorial </h1></b></center>
<!--Bagian Postingan1-->
<div id="box6">
<form name="frm01" method="post">
<table>
<tr>
<td>Masukkan Angka</td>
<td><input type="text" name="txtAngka" size="5"/></td>
</tr>
<tr>
<td colspan="2"><input type="submit" name="hasil" value="Hasil"/></td>
</tr>
</table>
<?php
error_reporting(0);
if($_POST['hasil']!=''){
$angka=$_POST['txtAngka'];

function faktorial($angka){
if($angka<=1){
$hasil=1;
return $hasil;
}elseif($angka>1){
for($i=1; $i<=$angka; $i++){
$hasil=$angka * faktorial($angka-1);
}
return $hasil;
}
}
echo "Angka :".$angka."<br>";
echo "Faktorial dari "." ".$angka." "."adalah :"." ".faktorial($angka);
}
?>
</form>
</div>
<div id="box5">
<p><b><center> Berikut source code dari tampilan di samping kanan : </center></b><br>
<br>< form name="frm01" method="post">
<br>< table>
<br>< tr>
<br>< td>Masukkan Angka< / td>
<br>< td>< input type="text" name="txtAngka" size="5"/>< / td>
<br>< / tr>
<br>< tr>
<br>< td colspan="2">< input type="submit" name="hasil" value="Hasil"/>< / td>
<br>< / tr>
<br>< / table>
<br>&lt;?php
<br>error_reporting(0);
<br>if($_POST['hasil']!=''){
<br>$angka=$_POST['txtAngka'];
<br>function faktorial($angka){
<br>if($angka<=1){
<br>$hasil=1;
<br>return $hasil;
<br>}elseif($angka>1){
<br>for($i=1; $i<=$angka; $i++){
<br>$hasil=$angka * faktorial($angka-1);
<br>}
<br>return $hasil;
<br>}
<br>}
<br>echo "Angka :".$angka."< br>";
<br> echo "Faktorial dari "." ".$angka." "."adalah :"." ".faktorial($angka);
<br>}?&gt
<br></ form>
</p>
</div>

</body>
</html>


 d. fakwhile.php
<html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Perulangan | Faktorial</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<!-- bagian navigasi -->
<div>
<nav>
<ul class="menu">
<br><br>
<li><a href="index.php">HOME</a></li><br><br>
<li><a href="segitigafor.php">SEGITIGA</a></li><br><br>
<li><a href="fakfor.php">FAKTORIAL</a></li><br><br>
<hr><br><br>
<li><a href="fakfor.php">Faktorial For</a></li><br><br>
<li><a href="fakwhile.php">Faktorial While</a></li><br><br>
<li><a href="fakdowhile.php">Faktorial Do-While</a></li><br><br>
</ul>
</nav>
</div>
<br>
<center><b><h1> Perulangan While Aplikasi Faktorial </h1></b></center>
<!--Bagian Postingan1-->
<div id="box6">
<form name="frm01" method="post">
<table>
<tr>
<td>Masukkan Angka</td>
<td><input type="text" name="txtAngka" size="5"/></td>
</tr>
<tr>
<td colspan="2"><input type="submit" name="hasil" value="Hasil"/></td>
</tr>
</table>
<?php
error_reporting(0);
if($_POST['hasil']!=''){
            $angka=$_POST['txtAngka'];

            function faktorial($angka){
            if($angka<=1){
                        $hasil=1;
                        return $hasil;
            }elseif($angka>1){
                        $i=1;
                        while($i<=5)
                        {
                            $i=$i+1;  
                             $hasil=$angka * faktorial($angka-1);
                        }
                        return $hasil;
            }
}
         echo "Angka :".$angka."<br>";
   echo "Faktorial dari "." ".$angka." "."adalah :"." ".faktorial($angka);
}
?>
</form>
</div>
<div id="box5">
<p><b><center> Berikut source code dari tampilan di samping kanan : </center></b><br>
<br>< form name="frm01" method="post">
<br>< table>
<br>< tr>
<br>< td>Masukkan Angka< / td>
<br>< td>< input type="text" name="txtAngka" size="5"/>< / td>
<br>< / tr>
<br>< tr>
<br>< td colspan="2">< input type="submit" name="hasil" value="Hasil"/>< / td>
<br>< / tr>
<br>< / table>
<br>&lt;?php
<br>error_reporting(0);
<br>if($_POST['hasil']!=''){
<br>$angka=$_POST['txtAngka'];
<br>function faktorial($angka){
<br>if($angka<=1){
<br>$hasil=1;
<br>return $hasil;
<br>}elseif($angka>1){
<br>$i=1;
<br>while($i<=5)
<br>{
<br>$i=$i+1;  
<br>$hasil=$angka * faktorial($angka-1);
<br>}
<br>return $hasil;
<br>}
<br>}
<br>echo "Angka :".$angka."< br>";
<br>echo "Faktorial dari "." ".$angka." "."adalah :"." ".faktorial($angka);
<br>}
<br>?&gt
<br></ form>
</p>
</div>

</body>
</html>



e. fakdowhile.php 
<html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Perulangan | Faktorial</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<!-- bagian navigasi -->
<div>
<nav>
<ul class="menu">
<br><br>
<li><a href="index.php">HOME</a></li><br><br>
<li><a href="segitigafor.php">SEGITIGA</a></li><br><br>
<li><a href="fakfor.php">FAKTORIAL</a></li><br><br>
<hr><br><br>
<li><a href="fakfor.php">Faktorial For</a></li><br><br>
<li><a href="fakwhile.php">Faktorial While</a></li><br><br>
<li><a href="fakdowhile.php">Faktorial Do-While</a></li><br><br>
</ul>
</nav>
</div>
<br>
<center><b><h1> Perulangan Do-While Aplikasi Faktorial </h1></b></center>
<!--Bagian Postingan1-->
<div id="box6">
<form name="frm01" method="post">
<table>
<tr>
<td>Masukkan Angka</td>
<td><input type="text" name="txtAngka" size="5"/></td>
</tr>
<tr>
<td colspan="2"><input type="submit" name="hasil" value="Hasil"/></td>
</tr>
</table>
<?php
error_reporting(0);
if($_POST['hasil']!=''){
            $angka=$_POST['txtAngka'];
            function faktorial($angka){
            if($angka<=1){
                        $hasil=1;
                        return $hasil;
            }elseif($angka>1){
                        $i=1;
                        do
                        {
                             $hasil=$angka * faktorial($angka-1);
                             $i=$i+1;
                        }while($i<=5);
                        return $hasil;
            }
}
         echo "Angka :".$angka."<br>";
   echo "Faktorial dari "." ".$angka." "."adalah :"." ".faktorial($angka);
}
?>
</form>
</div>
<div id="box5">
<p><b><center> Berikut source code dari tampilan di samping kanan : </center></b><br>
<br>< form name="frm01" method="post">
<br>< table>
<br>< tr>
<br>< td>Masukkan Angka< / td>
<br>< td>< input type="text" name="txtAngka" size="5"/>< / td>
<br>< / tr>
<br>< tr>
<br>< td colspan="2">< input type="submit" name="hasil" value="Hasil"/>< / td>
<br>< / tr>
<br>< / table>
<br>&lt;?php
<br>error_reporting(0);
<br>if($_POST['hasil']!=''){
<br>$angka=$_POST['txtAngka'];
<br>function faktorial($angka){
<br>if($angka<=1){
<br>$hasil=1;
<br>return $hasil;
<br>}elseif($angka>1){
<br>$i=1;
<br>do
<br>{
<br>$hasil=$angka * faktorial($angka-1);
<br>$i=$i+1;
<br>}while($i<=5);
<br>return $hasil;
<br>}
<br>}
<br>echo "Angka :".$angka."< br>";
<br>echo "Faktorial dari "." ".$angka." "."adalah :"." ".faktorial($angka);
<br>}
<br>?&gt
<br></ form>
</p>
</div>
</body>
</html>



2. simpan source code diatas pada C:\xampp\htdocs\perulangan
3. jalankan xampp
4.buka web browser dan ketikan http://localhost/perulangan/index.php

dan tarrrrrraaaaaaaaaaaaaaaaaaaaaaaa.... silahkan di coba :D dan tunggu contoh perulangan selanjutnya :D

kalo males ngopas tinggal donload saja disini

Komentar

Postingan populer dari blog ini

Cara install dan menggunakan crack Ulead video studio 11 plus dengan Mudah

Driver Lengkap ACER Aspire 4732z

Membuat segitiga siku dengan looping for dan while pada PHP