agecalc

1.0.3 • Public • Published

Age-Calculator

Age Calculator Using Javascript

Demo

Please click here to see the Demo

New Features

  • support Floating label;
  • simple user Validation;
  • custom ErrorMessage;
  • easily Find your Age;

Example

<!DOCTYPE html>
<html>
 
<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>Age Calculator</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
   <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> 
    <script src="index.js"></script> 
    <script type="text/javascript">
        $(document).ready(function () {
            $('.age').ageCalc()
        });
    </script> 
 
</head>
 
<body>
    <div class="age">
        <input type="text">
        <label>Age</label>
        <span></span>
    </div>
   
 
</body>
 
</html>

Usage

Step:1 User to be added this following HtmlTag

    <div class="age">
        <input type="text">
        <label>Age</label>
        <span></span>
    </div>

Step:2 And added this javascript

 <script type="text/javascript">
        $(document).ready(function () {
            $('.age').ageCalc()
        });
    </script>

Using NPM

To install using the npm package manager run

npm install agecalc

License

MIT

Package Sidebar

Install

npm i agecalc

Weekly Downloads

6

Version

1.0.3

License

MIT

Unpacked Size

6.4 kB

Total Files

4

Last publish

Collaborators

  • jamalrefaideen