Date-Counter/index.html at main · beumsk/Date-Counter · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
<!DOCTYPE html>
<html lang="en" >

<head>
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">

  <meta name="description" content="Find out how many days passed since a certain date, or between two dates, or what date will ti be in x days.">
  <meta name="keywords" content="Date Counter">
  <meta name="author" content="Rémy Beumier">

  <meta property="og:title" content="Date Counter">
  <meta property="og:type" content="">
  <meta property="og:url" content="https://beumsk.github.io/Date-Counter">
  <meta property="og:image" content="https://beumsk.github.io/Date-Counter/cover.jpg">
  <meta property="og:image:secure_url" content="https://beumsk.github.io/Date-Counter/cover.jpg">
  <meta property="og:description" content="Find out how many days passed since a certain date, or between two dates, or what date will ti be in x days.">

  <link rel="stylesheet" href="css/style.css">

  <title>Date Counter</title>
</head>

<body>

  <h1>Date Counter</h1>

<form>
  <fieldset>
    <h2>Number of days since:</h2>


    <label for="day1">day</label>
    <input type="number" min="1" max="31" id="day1" name="day1" placeholder="dd" value="10">

    <label for="month1">month</label>
    <input type="number" min="1" max="12" id="month1" name="month1" placeholder="mm" value="12">

    <label for="year1">year</label>
    <input type="number" min="1919" max="2019" id="year1" name="year1" placeholder="yyyy" value="1993">

    <p class="format">dd/mm/yyyy</p>

    <p><span class="result" id="result1">xxx</<span></p>
  </fieldset>
</form>

<form>
  <fieldset>
    <h2>Date in x days:</h2>

    <label for="day2">days</label>
    <input type="number" min="1" max="100000" id="day2" name="day2" placeholder="days" value="7">

    <p class="format">dddd</p>

    <p><span class="result" id="result2">xxx</<span></p>
  </fieldset>
</form>

<form>
  <fieldset>
    <h2>Days between two dates:</h2>

    <label for="day3">day</label>
    <input type="number" min="1" max="31" id="day3" name="day3" placeholder="dd" value="10">
    <label for="month3">month</label>
    <input type="number" min="1" max="12" id="month3" name="month3" placeholder="mm" value="12">
    <label for="year3">year</label>
    <input type="number" min="1919" max="2019" id="year3" name="year3" placeholder="yyyy" value="1993">
    <br><br>
    <label for="day4">day</label>
    <input type="number" min="1" max="31" id="day4" name="day4" placeholder="dd" value="12">
    <label for="month4">month</label>
    <input type="number" min="1" max="12" id="month4" name="month4" placeholder="mm" value="12">
    <label for="year4">year</label>
    <input type="number" min="1919" max="2019" id="year4" name="year4" placeholder="yyyy" value="1993">

    <p class="format">dd/mm/yyyy</p>

    <p><span class="result" id="result3">xxx</<span></p>
  </fieldset>
</form>

<footer>
  <p>Created by <a href="https://remybeumier.be" target="_blank">Rémy Beumier</a> with love</p>
</footer>


    <script  src="js/index.js"></script>


</body>

</html>