hercioneto

idade.html

May 7th, 2018
244
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 0.97 KB | None | 0 0
  1. <!DOCTYPE html>
  2.   <head>
  3.     <meta charset="utf-8" />
  4.     <meta name="description" content="Uso do JS" />
  5.     <title>Exemplos JS</title>
  6.  <link rel="stylesheet" href="css/style.css" type="text/css" media="screen">
  7.   </head>
  8.  
  9.   <body>
  10.   Digite a data de nascimento:
  11.   <input type="text" id="data"/>
  12.     <button id="calcula">Calcular idade!</button>
  13.   <script type="text/javascript" src="https://code.jquery.com/jquery-latest.min.js"></script>
  14.     <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery.mask/1.14.15/jquery.mask.min.js"></script>  
  15.  
  16.   <script>
  17.  
  18.     $( document ).ready(function() {
  19.       $('#data').mask('00/00/0000');
  20.  
  21.          
  22.          $("#calcula").click(function(){
  23.             var data = $("#data").val();
  24.             var data = data.split("/");
  25.             var dia = data[0];
  26.             var mes = data[1];
  27.             var ano = data[2];
  28.             var idade = 2018 - ano;
  29.             alert("A idade é: "+ idade );
  30.            
  31.         });
  32.          
  33.     });
  34.    
  35.  
  36.  
  37.     </script>
  38.   </body>
  39.  </html>
Advertisement
Add Comment
Please, Sign In to add comment