v1.4.7b Debugging fullscreen

skolehjem/resources/views/app/users/login.blade.php

@@ -5,7 +5,7 @@
 @endsection
 
 @section("content")
-    <main style="background-color: #00788a; height: 100%;">
+    <main style="background-color: #00788a; height: 100%;" onload="fullScreen();">
         <div class="brand">
             <img src="{{URL::asset('/images/logos/Logo-hvid.svg')}}" alt="Syddansk Erhvervsskole">
         </div>
@@ -28,6 +28,7 @@
             <input class="btn btn-dark" type="submit" value="Sign in">
             <button type="button" class="btn btn-dark" onclick="location.href = '{{ route("users.signup") }}'" style="line-height: 2rem;">Register</button>
         </form>
+        <button type="button" class="btn btn-dark" onclick="fullScreen();">Open Fullscreen</button>
         <a class="text-white text-center" href="{{ route('users.show-forgot') }}">Forgot password?</a>
     </main>
 @endsection
@@ -46,5 +47,33 @@
                 faEye.style.color = "#fff";
             }
         }
+
+
+        /*
+Make the application fullscreen
+ */
+
+        //Get all html
+        let elem = document.documentElement;
+
+        function fullScreen() {
+            if (elem.requestFullscreen) {
+                elem.requestFullscreen();
+                console.log("1")
+            } else if (elem.mozRequestFullScreen) { //Support for Firefox browser
+                elem.mozRequestFullScreen();
+                console.log("1")
+            } else if (elem.webkitRequestFullscreen) { //Support for Safari, Chrome and Opera browser
+                elem.webkitRequestFullscreen();
+                console.log("1")
+            } else if (elem.msRequestFullscreen) { //And support for the old ass internet browser IE and Edge
+                elem.msRequestFullscreen();
+                console.log("1")
+            }
+        }
+
+
+
+
     </script>
 @endsection