Advertisement
BreekyBoi96

age_calculator

Aug 31st, 2014
327
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 3.92 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html>
  3.     <head>
  4.         <meta charset="utf-8">
  5.         <title>This is a test!!!</title>
  6.         <script language="javascript" type="text/javascript">
  7.         function execute(){
  8.             var fname = document.getElementById('fname').value;
  9.             var lname = document.getElementById('lname').value;
  10.             var bmonth = Number(document.getElementById('bmonth').value);
  11.             var bday = Number(document.getElementById('bday').value);
  12.             var byear = Number(document.getElementById('byear').value);
  13.             var currentdate = new Date();
  14.             var currentmonth = Number(currentdate.getMonth() + 1); //+1 because 0 is january
  15.             var currentday = Number(currentdate.getDate());
  16.             var currentyear = Number(currentdate.getFullYear());
  17.  
  18.             //get the age in years
  19.             var yearage = currentyear - byear;
  20.             if(bmonth > currentmonth){
  21.                 yearage = (currentyear - byear) - 1;
  22.             }
  23.             else if(bmonth == currentmonth && bday > currentday){
  24.                 yearage = (currentyear - byear) - 1;
  25.             }
  26.  
  27.             //get the age in months
  28.             var x = currentmonth - bmonth;
  29.             var monthage = 0;
  30.             if(bmonth<currentmonth){
  31.                 monthage=((((yearage+1)*12)-12)+x);
  32.             }
  33.             else if(bmonth>currentmonth){
  34.                 x = 12 - bmonth;
  35.                 monthage=(((yearage+1)*12)+x);
  36.             }
  37.             /*for(var i=1; i<=yearage; i++){
  38.                 monthage+=12;
  39.                 if(i == yearage){
  40.                     var x = 12 - bmonth;
  41.                     monthage = Number(monthage - x);
  42.                 }
  43.             }*/
  44.  
  45.             //get the age in days
  46.             var daysage = ((monthage * 31)-7);
  47.  
  48.             //get the zodiac sign
  49.             var zodiac = "SIGBIN";
  50.             if(bmonth==3&&bday>=21||bmonth==4&&bday<=19){
  51.                 zodiac = "Aries";
  52.             }
  53.             else if((bmonth==4&&bday>=20)||(bmonth==5&&bday<=20)){
  54.                 zodiac = "Taurus";
  55.             }
  56.             else if((bmonth==5&&bday>=21)||(bmonth==6&&bday<=20)){
  57.                 zodiac = "Gemini";
  58.             }
  59.             else if((bmonth==6&&bday>=21)||(bmonth==7&&bday<=22)){
  60.                 zodiac = "Cancer";
  61.             }
  62.             else if((bmonth==7&&bday>=23)||(bmonth==8&&bday<=22)){
  63.                 zodiac = "Leo";
  64.             }
  65.             else if((bmonth==8&&bday>=23)||(bmonth==9&&bday<=22)){
  66.                 zodiac = "Virgo";
  67.             }
  68.             else if((bmonth==9&&bday>=23)||(bmonth==10&&bday<=22)){
  69.                 zodiac = "Libra";
  70.             }
  71.             else if((bmonth==10&&bday>=23)||(bmonth==11&&bday<=21)){
  72.                 zodiac = "Scorpio";
  73.             }
  74.             else if((bmonth==11&&bday>=22)||(bmonth==12&&bday<=21)){
  75.                 zodiac = "Sagittarius";
  76.             }
  77.             else if((bmonth==12&&bday>=22)||(bmonth==1&&bday<=19)){
  78.                 zodiac = "Capricorn";
  79.             }
  80.             else if((bmonth==1&&bday>=20)||(bmonth==2&&bday<=18)){
  81.                 zodiac = "Aquarius";
  82.             }
  83.             else if((bmonth==2&&bday>=19)||(bmonth==3&&bday<=20)){
  84.                 zodiac = "Pisces";
  85.             }
  86.  
  87.             document.getElementById('result').innerHTML = "<b>Complete Name: </b>"+fname +" "+lname;
  88.             document.getElementById('birthday').innerHTML = "<b>Birthday: </b>"+bmonth+"/"+bday+"/"+byear;
  89.             document.getElementById('yearage').innerHTML = "<b>Age in years: </b>"+yearage;
  90.             document.getElementById('monthage').innerHTML = "<b>Age in months: </b>"+monthage;
  91.             document.getElementById('daysage').innerHTML = "<b>Age in days: </b>"+daysage;
  92.             document.getElementById('zodiac').innerHTML = "<b>Your Zodiac Sign: </b>"+zodiac;
  93.         }
  94.         </script>
  95.     </head>
  96.     <body style="text-align:center; width:80%; margin:0 auto;">
  97.         <div style="margin-top: 20px;">
  98.         First Name:&nbsp;<input type="text" id="fname"><br>
  99.         Last Name:&nbsp;<input type="text" id="lname"><br><br>
  100.         Birthday:&nbsp;<input type="text" id="bmonth" value="MM" style="width:30px;" onfocus="if(this.value=='MM') this.value='';">&nbsp;
  101.         <input type="text" id="bday" value="DD" style="width:30px" onfocus="if(this.value=='DD') this.value='';">&nbsp;
  102.         <input type="text" id="byear" value="YYYY" style="width:40px;" onfocus="if(this.value=='YYYY') this.value='';"><br><br>
  103.         <input type="button" value="Show Result" onclick="execute()"><br><br>
  104.         <span id="result"></span><br>
  105.         <span id="birthday"></span><br>
  106.         <span id="yearage"></span><br>
  107.         <span id="monthage"></span><br>
  108.         <span id="daysage"></span><br>
  109.         <span id="zodiac"></span>
  110.     </div>
  111.     </body>
  112. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement