HTML DOM exitFullscreen() Method

The exitFullscreen() method requests the element which is currently in full-screen mode to be taken out of full-screen mode. If the element is not in full-screen mode, then nothing gets changed. The reverse of this method is requestFullscreen().

Syntax:

HTMLElementObject.exitFullscreen()

Parameters: No parameters are required.

Return Value: No return value.

Example: In this example, we will use exitFullscreen() method

HTML

<!DOCTYPE html>
<html>
<head>
    <title>
        HTML | DOM exitFullscreen() Method
    </title>
   
    <!--script for close and open fullscreen-->
    <script>
        let elem = document.documentElement;
 
        function closeFullscreen() {
            if (document.exitFullscreen)
                document.exitFullscreen();
        }
        function openFullscreen() {
            if (elem.requestFullscreen)
                elem.requestFullscreen();
        }
    </script>
</head>
<body>
    <h2>Welcome to GeeksforGeeks</h2>
    <p>
        Click on the "Open Fullscreen" button to open this page in"
        + "fullscreen mode. Close it by either clicking the "Esc" key"
        +" on your keyboard, or with the "Close Fullscreen" button.
    </p>
    <button onclick="openFullscreen();">
        Open Fullscreen
    </button>
    <button onclick="closeFullscreen();">
        Close Fullscreen
    </button>
</body>
</html>