Короткое обновление визуального html файла

html/acc.html

@@ -61,10 +61,20 @@
             };
 
             
+
+            function calibrateDevice() {
+                var calibrating = 5;
+                socket.send(JSON.stringify(calibrating));
+                document.getElementById("calibrate_text").innerHTML = "Калибровка в течении 10 секунд - Сделайте несколько оборотов устройством перпендикулярно оси Х";
+            }
+            
             context.font = "50px Arial";
             context.fillText("24", 320, 170);
         </script>
 
+        <p id="calibrate_text" onclick="calibrateDevice()">Устройство не откалибровано.</p>
+        <button onclick="calibrateDevice()">Откалибровать</button>
+
         <div id="navs">
             <button onclick="window.location.href='/hbs.html'" class="button">Оптодатчик</button>
         </div>