Hide onscreen controls when physical gamepad connected

www/js/porting/jscontrols.js

@@ -266,10 +266,36 @@ function setupKey(id, key, keyCode) {
 }
 
 window.addEventListener('load', () => {
+    if (navigator.getGamepads().length == 0) {
         create_control_buttons();
         create_dpad_buttons();
         create_show_button();
         create_switch_button();
         setupButtons();
         setupDpad();
+    }
+});
+
+window.addEventListener('gamepadconnected', () => {
+    var DivBMain = document.getElementById("gamepad-div");
+    var DivB_LB = document.getElementById("buttonW");
+    var DivB_RB = document.getElementById("buttonQ");
+    var DivDMain = document.getElementById("dpad-div");
+    var DivJoy = document.getElementById("joyDiv");
+    var ShowB = document.getElementById("switch");
+
+    if (DivBMain !== null) {
+        DivBMain.remove();
+        DivB_LB.remove();
+        DivB_RB.remove();
+        ShowB.remove();
+        switch (currentControlElement) {
+            case "dpad":
+                DivDMain.remove();
+                break;
+            case "joystick":
+                DivJoy.remove();
+                break;
+        }
+    }
 });