Merge pull request #232 from Tejas1510/counting

tejan-singh · web-flow · commit 3a0443314691 · 2020-11-02T21:29:46.000+05:30
Added the code for counting days
diff --git a/JavaScript/CountingDays/Readme.MD b/JavaScript/CountingDays/Readme.MD
@@ -0,0 +1,16 @@
+# Counting Days Javascript Program
+
+
+### How to use it
+```
+1. Download the given code
+2. Run the index.html file
+3. you will ask to enter year,month,day of your required date
+4. Hit submit
+5. you will be displayed the result
+
+```
+## Output 
+
+![endpoint](https://github.com/Tejas1510/hacking-tools-scripts/blob/counting/Javascript/CountingDays/images/image1.png)
+
diff --git a/JavaScript/CountingDays/images/image1.png b/JavaScript/CountingDays/images/image1.png
diff --git a/JavaScript/CountingDays/index.html b/JavaScript/CountingDays/index.html
@@ -0,0 +1,48 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" href="style.css">
+    <!-- Latest compiled and minified CSS -->
+<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
+    <title>Counting Days</title>
+</head>
+<body>
+    <h1 class="heading">Counting Days</h1>
+    <!-- Material form login -->
+    <form>
+        <div class="form-group">
+          <label for="exampleInputEmail1">Year</label>
+          <input type="text" class="form-control" id="Year"  placeholder="Enter Year">
+        </div>
+        <div class="form-group">
+          <label for="exampleInputPassword1">Month</label>
+          <input type="text" class="form-control" id="month" placeholder="Enter month">
+        </div>
+        <div class="form-check">
+            <label for="exampleInputPassword1">Day</label>
+            <input type="text" class="form-control" id="day" placeholder="Enter Day">
+        </div>
+      </form>
+      <button  class="btn btn-primary"  onclick="display()">Submit</button>
+
+      <h1 id="finalAns"></h1>
+
+      <script>
+          function display(){
+          const Year = document.getElementById("Year").value;
+          const month = document.getElementById("month").value;
+          const day = document.getElementById("day").value;
+          const finalAns =  document.getElementById("finalAns");
+          today=new Date();
+          var newdate=new Date(Year,month,day);
+          var one_day=1000*60*60*24;
+            finalAns.innerHTML=(Math.ceil((newdate.getTime()-today.getTime())/(one_day))+
+            " days left until required date");
+          }
+      </script>
+
+      
+</body>
+</html>
diff --git a/JavaScript/CountingDays/style.css b/JavaScript/CountingDays/style.css
@@ -0,0 +1,23 @@
+.heading{
+    text-align: center;
+    color: blueviolet;
+
+
+}
+
+form{
+    width: 500px;
+    margin-left: 550px;
+    margin-top: 20px;
+}
+.btn{
+    margin-top: 20px;
+    align-items: center;
+    margin-left: 750px;
+    width: 100px;
+}
+#finalAns{
+    padding-top: 30px;
+    text-align: center;
+    color: blueviolet;
+}
