Program Sederhana Menghitung Usia Dengan PHP Dan Jquery
Program Menghitung Usia |
Saya asumsikan sobat sudah menginstal xampp pada PC sobat dan sudah mengerti cara menggunakannya. Jika belum silahkan sobat pelajari dulu...
Langsung saja buka notepad sobat dan simpan syntax dibawah ini sebagai index.html
<html>
<head>
<title>Menghitung Usia</title>
<script type="text/javascript">
function hint(string)
{
if(string.length==0)
{
document.getElementById("txtHint").innerHTML="";
return;
}
if(window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}
else
{// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange=function()
{
if(xmlhttp.readyState==4 && xmlhttp.status==200)
{
document.getElementById("txtHint").innerHTML=xmlhttp.responseText;
}
}
xmlhttp.open("GET","getage.php?x="+string,true);
xmlhttp.send();
}
</script>
</head>
<body>
<center>
<p><b><font face="cambria">JUST TYPE YOUR <u>YEAR OF BIRTH</u> IN THE BELOW INPUT FIELD TO KNOW YOUR AGE</b></p>
<form method="GET">
TYPE YOUR YEAR OF BIRTH:<input type="text" onkeyup="hint(this.value)" size="20"/>(Example: 1931)
</form>
<p>YOUR AGE WILL BE DISPLAY BELOW<div id="txtHint"></div></p>
</body>
<a href='http://anakupb.blogspot.co.id' target='_blank'>Anak UPB</a>
</html>
Selanjutnya copi syntax dibawah dan save sebagai getage.php
<?php
date_default_timezone_set('Asia/batam');
$x=$_GET['x'];
$age=date("Y")-$x;
if($age==0)
{
echo "YOUR AGE:<input type=text value=$age readonly size=3><br>";
echo '<br><b><font face=cambria color=#9900ff>Hello Baby!!<br><blink>The World of PHP welcomes you!!</blink>';
}
else if($age<0)
{
echo "<br><font color=#cc0066>You haven't born yet!!</b> ";
}
else
{
echo "YOUR AGE:<input type=text value=$age readonly size=3><br>";
echo "<br><font color=#000099>Congratulatoins! Your are <b> ".$age." years</b> old";
}
?>
Semoga bermanfaat