vakho

JS - Age Calculator

Oct 5th, 2014
187
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!DOCTYPE html>
  2. <html lang="en">
  3.     <head>
  4.         <meta charset="utf-8" />
  5.         <title>წლის გამოთვლაa</title>
  6.         <link href="css/style.css" rel="stylesheet" type="text/css" />
  7.         <!-- JS -->
  8.         <script language="javascript" type="text/javascript">
  9.             function getAge()
  10.             {
  11.                 var birth_day, birth_month, birth_year;
  12.                 birth_day = document.getElementById("day").value;
  13.                 birth_month = document.getElementById("month").value;
  14.                 birth_year = document.getElementById("year").value;
  15.            
  16.                 // calculation
  17.                 var current_date = new Date();
  18.                 var current_year = current_date.getFullYear();
  19.                 var current_month = current_date.getMonth();
  20.                 var current_day = current_date.getDate();
  21.                
  22.                 var age = current_year - birth_year;
  23.                 if (current_month < (birth_month - 1)) // months start from 0 to 11
  24.                 {
  25.                     age--;
  26.                 }
  27.                 if (((birth_month - 1) == current_month) && (current_day < birth_day)) // days start from 1 to 31
  28.                 {
  29.                     age--;
  30.                 }
  31.                 // end of calculation
  32.                
  33.                 document.getElementById('output').innerHTML = "თქვენ ხართ " + age + " წლის.";
  34.             }
  35.         </script>
  36.     </head>
  37.     <body>
  38.         <div class="wrapper">
  39.             <h1>გაიგე რამდენი წლის ხარ</h1>
  40.             <br />
  41.             <table class="table">
  42.                 <thead>
  43.                     <tr>
  44.                         <th>დღე</th>
  45.                         <th>თვე</th>
  46.                         <th>წელი</th>
  47.                     </tr>
  48.                 </thead>
  49.                 <tbody>
  50.                     <tr>
  51.                         <td>
  52.                             <input id="day" type="number" min="1" max="31" />
  53.                         </td>
  54.                         <td>
  55.                             <input id="month" type="number" min="1" max="12" />
  56.                         </td>
  57.                         <td>
  58.                             <input id="year" type="number" min="1" />
  59.                         </td>
  60.                         <td>
  61.                             <button onClick="getAge()" type="button">გამოთვლა</button>
  62.                         </td>
  63.                     </tr>
  64.                 </tbody>
  65.             </table>
  66.             <blockquote id="output">
  67.                 No age
  68.             </blockquote>
  69.         </div>
  70.     </body>
  71. </html>
Advertisement
Add Comment
Please, Sign In to add comment