diff --git a/api/views/index.ejs b/api/views/index.ejs
index dccd261d..3f23e690 100644
--- a/api/views/index.ejs
+++ b/api/views/index.ejs
@@ -331,6 +331,13 @@
             document.getElementById("connectedlabel").innerHTML = "Not connected to drone";
             document.getElementById("connectbutton").disabled = false;
         });
+
+        ws.addEventListener("close", function close(event) {
+            console.log("connection closed");
+            alert("Connection to API closed!")
+            document.getElementById("connectedlabel").innerHTML = "Not connected to drone";
+            document.getElementById("connectbutton").disabled = false;
+        });
     }
 
     function connect() {