Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="utf-8">
- <title>This is a test!!!</title>
- <script language="javascript" type="text/javascript">
- function execute(){
- var fname = document.getElementById('fname').value;
- var lname = document.getElementById('lname').value;
- var bmonth = Number(document.getElementById('bmonth').value);
- var bday = Number(document.getElementById('bday').value);
- var byear = Number(document.getElementById('byear').value);
- var currentdate = new Date();
- var currentmonth = Number(currentdate.getMonth() + 1); //+1 because 0 is january
- var currentday = Number(currentdate.getDate());
- var currentyear = Number(currentdate.getFullYear());
- //get the age in years
- var yearage = currentyear - byear;
- if(bmonth > currentmonth){
- yearage = (currentyear - byear) - 1;
- }
- else if(bmonth == currentmonth && bday > currentday){
- yearage = (currentyear - byear) - 1;
- }
- //get the age in months
- var x = currentmonth - bmonth;
- var monthage = 0;
- if(bmonth<currentmonth){
- monthage=((((yearage+1)*12)-12)+x);
- }
- else if(bmonth>currentmonth){
- x = 12 - bmonth;
- monthage=(((yearage+1)*12)+x);
- }
- /*for(var i=1; i<=yearage; i++){
- monthage+=12;
- if(i == yearage){
- var x = 12 - bmonth;
- monthage = Number(monthage - x);
- }
- }*/
- //get the age in days
- var daysage = ((monthage * 31)-7);
- //get the zodiac sign
- var zodiac = "SIGBIN";
- if(bmonth==3&&bday>=21||bmonth==4&&bday<=19){
- zodiac = "Aries";
- }
- else if((bmonth==4&&bday>=20)||(bmonth==5&&bday<=20)){
- zodiac = "Taurus";
- }
- else if((bmonth==5&&bday>=21)||(bmonth==6&&bday<=20)){
- zodiac = "Gemini";
- }
- else if((bmonth==6&&bday>=21)||(bmonth==7&&bday<=22)){
- zodiac = "Cancer";
- }
- else if((bmonth==7&&bday>=23)||(bmonth==8&&bday<=22)){
- zodiac = "Leo";
- }
- else if((bmonth==8&&bday>=23)||(bmonth==9&&bday<=22)){
- zodiac = "Virgo";
- }
- else if((bmonth==9&&bday>=23)||(bmonth==10&&bday<=22)){
- zodiac = "Libra";
- }
- else if((bmonth==10&&bday>=23)||(bmonth==11&&bday<=21)){
- zodiac = "Scorpio";
- }
- else if((bmonth==11&&bday>=22)||(bmonth==12&&bday<=21)){
- zodiac = "Sagittarius";
- }
- else if((bmonth==12&&bday>=22)||(bmonth==1&&bday<=19)){
- zodiac = "Capricorn";
- }
- else if((bmonth==1&&bday>=20)||(bmonth==2&&bday<=18)){
- zodiac = "Aquarius";
- }
- else if((bmonth==2&&bday>=19)||(bmonth==3&&bday<=20)){
- zodiac = "Pisces";
- }
- document.getElementById('result').innerHTML = "<b>Complete Name: </b>"+fname +" "+lname;
- document.getElementById('birthday').innerHTML = "<b>Birthday: </b>"+bmonth+"/"+bday+"/"+byear;
- document.getElementById('yearage').innerHTML = "<b>Age in years: </b>"+yearage;
- document.getElementById('monthage').innerHTML = "<b>Age in months: </b>"+monthage;
- document.getElementById('daysage').innerHTML = "<b>Age in days: </b>"+daysage;
- document.getElementById('zodiac').innerHTML = "<b>Your Zodiac Sign: </b>"+zodiac;
- }
- </script>
- </head>
- <body style="text-align:center; width:80%; margin:0 auto;">
- <div style="margin-top: 20px;">
- First Name: <input type="text" id="fname"><br>
- Last Name: <input type="text" id="lname"><br><br>
- Birthday: <input type="text" id="bmonth" value="MM" style="width:30px;" onfocus="if(this.value=='MM') this.value='';">
- <input type="text" id="bday" value="DD" style="width:30px" onfocus="if(this.value=='DD') this.value='';">
- <input type="text" id="byear" value="YYYY" style="width:40px;" onfocus="if(this.value=='YYYY') this.value='';"><br><br>
- <input type="button" value="Show Result" onclick="execute()"><br><br>
- <span id="result"></span><br>
- <span id="birthday"></span><br>
- <span id="yearage"></span><br>
- <span id="monthage"></span><br>
- <span id="daysage"></span><br>
- <span id="zodiac"></span>
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement