Adding the getTimes button

app.js

@@ -1 +1,3 @@
-alert("Test")
+function getTimes(city, countryCode){
+
+}

index.html

@@ -8,13 +8,14 @@
     <h1>Get Praying Times Anywhere </h1>
     <div class="block">
       <label class="city_label">Enter Your City Name</label>
-      <input class="city">
+      <input id="city">
     </div>
     <div class="block">
       <label class="code_label">Enter The Country Code</label>
-      <input class="code">
+      <input id="code">
     </div>
     <div class="show"> 
+      <button id="getTimes">Get Times</button>
       <h3>Here is the praying times of <span id="show_city"> </span>and </h3><span id="show_country"> </span>
     </div>
   </body>

index.pug

@@ -8,11 +8,12 @@ html
 
     .block
       label.city_label Enter Your City Name
-      input.city  
+      input#city  
     .block
       label.code_label Enter The Country Code
-      input.code
+      input#code
     .show 
+      button#getTimes Get Times
       h3 Here is the praying times of 
         span#show_city 
         | and 

style.css

@@ -29,4 +29,13 @@ label {
   margin: 10px 0;
 }
 
+button {
+  padding: 10px 20px;
+  background-color: #998768;
+  border: none;
+  border-radius: 5px;
+  width: max(220px, 100%);
+  margin: 20px auto;
+}
+
 /*# sourceMappingURL=style.css.map */

style.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["style.sass"],"names":[],"mappings":"AAAA;EACE;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;EACA;;;AACF;EACE;EACA;EACA;EACA;;;AAEF;EACE;EACA","file":"style.css"}
+{"version":3,"sourceRoot":"","sources":["style.sass"],"names":[],"mappings":"AAAA;EACE;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;EACA;;;AACF;EACE;EACA;EACA;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA","file":"style.css"}

style.sass

@@ -21,3 +21,11 @@ input
 label
   display: block
   margin: 10px 0
+
+button 
+  padding: 10px 20px
+  background-color: #998768;
+  border: none
+  border-radius: 5px
+  width: max(220px, 100%)
+  margin: 20px auto