Update zapro.html

zapro.html

@@ -23,34 +23,30 @@
   <p>Т. воздуха: <span id="tA">{{ tA }}</span></p>
   <p>Вл. воздуха: <span id="hDm">{{ hDm }}</span></p>
   <p>Об. вентилятора: <span id="sVen">{{ sVen }}</span></p>
+
   <script>
-    $(document).ready(function() {
+    document.addEventListener("DOMContentLoaded", function() {
       function updateValues(deyValue, wekValue, phValue, ecValue, tSValue, tAValue, hDmValue, sVenValue) {
-        $("#dey").text(deyValue);
-        $("#wek").text(wekValue);   
-        $("#ph").text(phValue);
-        $("#ec").text(ecValue);  
-        $("#tS").text(tSValue);
-        $("#tA").text(tAValue);
-        $("#hDm").text(hDmValue);
-        $("#sVen").text(sVenValue);         
+        document.getElementById("dey").textContent = deyValue;
+        document.getElementById("wek").textContent = wekValue;
+        document.getElementById("ph").textContent = phValue;
+        document.getElementById("ec").textContent = ecValue;
+        document.getElementById("tS").textContent = tSValue;
+        document.getElementById("tA").textContent = tAValue;
+        document.getElementById("hDm").textContent = hDmValue;
+        document.getElementById("sVen").textContent = sVenValue;
       }
 
       function fetchValues() {
-        $.ajax({
-          url: "/zapro",
-          method: "GET",
-          dataType: "json",
-          success: function(response) {
-            updateValues(response.dey, response.wek, response.ph, response.ec, response.tS, response.tA, response.hDm, response.sVen);
-          }
-        });
+        fetch("/zapro")
+          .then(response => response.json())
+          .then(data => updateValues(data.dey, data.wek, data.ph, data.ec, data.tS, data.tA, data.hDm, data.sVen))
+          .catch(error => console.error("Error:", error));
       }
 
       fetchValues();
       setInterval(fetchValues, 10000);
     });
   </script>
-      
 </body>
 </html>