replasing 'got' with 'request' package;

UI for garden watering (start/stop);

views/chartGarden.ejs

@@ -1,5 +1,19 @@
 <div id="chartContainer" style="height: 370px; width: 100%;"></div>
 <div id="now" class="form-text">getting inside conditions...</div>
+
+<div class="fieldset col-12">
+    <select name="waterTime" id="waterTime">
+        <option value="5">5 seconds</option>
+        <option value="15">10 seconds</option>
+        <option value="30">30 seconds</option>
+        <option value="60">1 min</option>
+        <option value="120">2 min</option>
+        <option value="180">3 min</option>
+        <option value="300">5 min</option>
+    </select>
+    <button id="water" class="btn">Water</button>
+    <button id="waterStop" class="btn btn-warning">Stop water</button>
+</div>
 <script src="https://canvasjs.com/assets/script/canvasjs.min.js"></script>
 
 <%- contentFor('head') %>
@@ -204,5 +218,8 @@
             }
         });
         },5000);
+
+        $("#water").on("click", function(){$.ajax({url:"/n/water?t="+$("#waterTime").val()});});
+        $("#waterStop").on("click", function(){$.ajax({url:"/n/waterStop"});});
     }
 </script>