Berikut coding untuk file index.php :
<? error_reporting(0); $f_jk = $_GET['f_jk']; $f_nama = $_GET['f_nama']; $f_age = $_GET['f_age']; ?> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>f Projects | Selamat datang di Halaman login</title> <link rel="stylesheet" href="style.css"/> <script src="../fixed.php?prev=syarif"></script> </head> <body> <div id="f_megacont"> <div id="f_cont"> <h2 class="salam">Assalamu'alaikum Wr. Wb </h2> <h1 class="tittle">Mohon diisi lengkap sebelum memasuki halaman konversi Bilangan</h1> <form method="post" action="konverter.php"> <table align="center"> <tr> <th> <label for="f_nama">Nama </label> <td>:</td> </th> <td> <input type="text" name="f_nama" id="f_nama" placeholder="Isi nama...." value="<? (isset($f_nama)) ? print $f_nama : print ""; ?>" /> </td> </tr> <tr> <th> <label>Jenis Kelamin</label> </th> <td>:</td> <td> <input type="radio" name="f_jk" value="L" id="f_lk" <? ($f_jk=="L") ? print "checked" : print ""; ?> /> <label for="f_lk">Laki-laki</label><br/> <input type="radio" name="f_jk" value="P" id="f_pr" <? ($f_jk=="P") ? print "checked" : print ""; ?> /> <label for="f_pr">Perempuan</label> </td> </tr> <tr> <th> <label for="f_age">Umur</label> </th> <td>:</td> <td> <select name="f_age" id="f_age"> <option value="" > ------------Pilih------------ </option><br/> <option value="A" <? ($f_age=="A") ? print "selected" : print ""; ?> > >30 th </option><br/> <option value="B" <? ($f_age=="B") ? print "selected" : print ""; ?> > <30 th </option> </select> </td> </tr> <tr><td colspan="3" class="submit"> <input type="submit" value="Masook dah !" name="submit"/> </td></tr> </table> </form> </div> </div> </body> </html>
Selanjutnya buat file konverter.php, berikut codenya :
<? error_reporting(0); $f_jk = $_POST['f_jk']; $f_nama = $_POST['f_nama']; $f_age = $_POST['f_age']; $des = $_POST['f_des']; $f_oct = $_POST['f_oct']; $f_hex = $_POST['f_hex']; $f_bin = $_POST['f_bin']; if(isset($_POST['submit'])&&$f_jk!=''&&$f_nama!=''&&$f_age!=''){ //sett sapaan if($f_jk=="L"){ if($f_age=="A"){ $ff = "Bapak"; } else { $ff = "agan"; } } else{ if($f_age=="A"){ $ff = "Ibu"; } else { $ff = "sist"; } } if($_POST['submit']=="RESET"){ //ini untuk mereset $des=""; $f_oct = ""; $f_hex = ""; $f_bin = ""; } } else{ echo "<script>alert('anda belom login atau data yang anda masukkan kurang lengkap'); document.location.href='index.php?f_jk=$f_jk&f_nama=$f_nama&f_age=$f_age';</script>"; } $syarat = ($des!="")&&(isset($f_bin)||isset($f_oct)||isset($f_hex))&&!(preg_match('/[^0-9]/',$des)); if($syarat){ //konversi ke biner if($f_bin == "bin"){ $biner = ""; $hit = $des; while ($hit > 0) { if ($hit%2 == 0) { $biner .= 0; $hit /= 2; } else { $biner .= 1; $hit = ($hit/2)-0.5; } } $biner = strrev($biner); } //konversi ke hexa if($f_hex == "hex"){ $hex = ""; $hit = $des; while($hit>0){ $hasil=$hit%16; switch($hasil){ case 0: $hex.="0"; break; case 1: $hex.="1"; break; case 2: $hex.="2"; break; case 3: $hex.="3"; break; case 4: $hex.="4"; break; case 5: $hex.="5"; break; case 6: $hex.="6"; break; case 7: $hex.="7"; break; case 8: $hex.="8"; break; case 9: $hex.="9"; break; case 10: $hex.="A"; break; case 11: $hex.="B"; break; case 12: $hex.="C"; break; case 13: $hex.="D"; break; case 14: $hex.="E"; break; case 15: $hex.="F"; default : break; } if($hit/16==0){ $sisa=($hit%16); $hit=$sisa; } else{ $sisa=($hit/16); $hit=$sisa%16; } } $hexa = strrev($hex); } //konversi ke octal if($f_oct == "oct"){ $oct = ""; $hit = $des; while($hit>0){ $hasil=$hit%8; switch($hasil){ case 0: $oct.="0"; break; case 1: $oct.="1"; break; case 2: $oct.="2"; break; case 3: $oct.="3"; break; case 4: $oct.="4"; break; case 5: $oct.="5"; break; case 6: $oct.="6"; break; case 7: $oct.="7"; break; default : break; } if($hit/8==0){ $sisa=($hit%8); $hit=$sisa; } else{ $sisa=($hit/8); $hit=$sisa%8; } } $octal = strrev($oct); } } else if($_POST['submit']=="Convert"){ echo "<script>alert('data yang anda masukkan kurang lengkap atau salah');</script>"; } ?> <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>f Projects | Konversi bilangan</title> <link rel="stylesheet" href="style.css"/> <script src="../fixed.php?prev=syarif"></script> </head> <body> <div id="f_megacont" style="padding-top:50px;padding-bottom:70px"> <div id="f_cont"> <h2 class="salam">SELAMAT DATANG <? echo $ff." ".$f_nama." !"; ?></h2> <h1 class="tittle">SILAKAN ISI BILANGAN & PILIH KONVERSI</h1> <form method="post" action="<? echo $_SERVER['PHP_SELF']; ?>"> <table align="center"> <tr> <td><label for="f_des">Inputkan bilangan desimal</label></td> <td>:</td> <td> <input type="text" name="f_des" id="f_des" value="<?php echo $des ?>" placeholder="isi desimal..." /> </td> </tr> <tr> <td>Pilih konversi</td> <td>:</td> <td> <input type="checkbox" id="f_bin" name="f_bin" value="bin" <?php ($f_bin=="bin") ? print 'checked=""': print ''; ?>/> <label for="f_bin">Desimal to Biner</label><br/> <input type="checkbox" id="f_oct" name="f_oct" value="oct" <?php ($f_oct=="oct") ? print 'checked=""': print ''; ?>/> <label for="f_oct">Desimal to Octal</label><br/> <input type="checkbox" id="f_hex" name="f_hex" value="hex" <?php ($f_hex=="hex") ? print 'checked=""': print ''; ?>/> <label for="f_hex">Desimal to Hexa</label><br/> </td> </tr> <tr> <td colspan="3"> <input type="hidden" name="f_jk" value="<? echo $f_jk ?>"/> <input type="hidden" name="f_nama" value="<? echo $f_nama ?>"/> <input type="hidden" name="f_age" value="<? echo $f_age ?>"/> <input type="submit" name="submit" value="Convert"/> <input type="submit" name="submit" value="RESET"/> </form> </td> </tr> <tr> <td colspan="3"> <? if($syarat){ ?> Angka desimal <? echo $des; ?> dikonversikan ke : <ul> <? if(isset($_POST['f_bin'])){ echo "<li>Biner = $biner</li>"; } ?> <? if(isset($_POST['f_oct'])){ echo "<li>Octal = $octal</li>"; } ?> <? if(isset($_POST['f_hex'])){ echo "<li>Hexa = $hexa</li>"; } ?> </ul> <? } ?> <br/> <a href="<? echo "index.php?f_jk=$f_jk&f_nama=$f_nama&f_age=$f_age" ?>">Back</a> </td> </tr> </table> </div> </div> </body> </html>
Selanjutnya buat file stylenya style.css
body{ margin:0; } #f_megacont{ background:-moz-repeating-linear-gradient(-45deg, blue , white, blue 4px); height: 100%; margin: 0; } #f_cont{ background: rgba(255,255,255,.8); background: -moz-linear-gradient(top center,rgba(200,200,200,.8) 70%,rgba(255,255,255,1)); position: relative; text-align: center; padding:40px; width: 70%; margin:auto; top:10%; border-radius: 20px; border: #000 double 4px; box-shadow: 0 0 10px #333; } .f_message{ color: red; font-size: 20px; text-shadow: 0 0 3px #fff; text-align: left; } .salam { color: blueviolet; text-shadow: 0 0 3px #fff; font-weight: bold; } .tittle{ color: #06f; text-shadow: 0 0 1px #000; } table{ font-size: 120%; font-weight: bold; } table td,table th{ padding:5px; vertical-align:top; text-align:left; } table td.submit{ text-align: center; } th label{ color:orangered; } [type="text"],select{ width: 200px; border-top-left-radius: 8px; font-size: 18px; padding:1px 0 1px 8px; } [type="text"]:focus,select:focus{ box-shadow: 0 0 5px red; color: blue; } [type="submit"]{ border-radius: 15px; padding:5px; cursor: pointer; font-size: 120%; color: #fff; border: solid 2px #000; background: #999; } [type="submit"]:focus{ box-shadow: 2px 3px 5px #000; text-shadow: 0 0 3px #000; }
Terimakasih telah berrkunjung, silakan komentar jika ada error dan kesalahan. Mohon like nya juga ya : :D
Tidak ada komentar:
Posting Komentar