ruempel/fullscreen.html

## fullscreen.html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Fullscreen Demo</title>
    <style>
        html {
            font-size: 20px;
        }

        section {
            background-color: #bda;
            padding: 3rem;
            margin: 1rem;
        }
    </style>
    <script>
        function activateFullscreen() {
            let elem = document.getElementById("second");
            if (elem.requestFullscreen) {
                elem.requestFullscreen();
            }
        }

        window.onload = function () {
            document.getElementById("switch").addEventListener("click", activateFullscreen);
        };
    </script>
</head>
<body>
<section>First Section</section>
<section id="second">
    <p>Second Section</p>
    <button id="switch">Activate Fullscreen (Come back with ESCAPE key)</button>
</section>
<section>Third Section</section>
</body>
</html>
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<title>Fullscreen Demo</title>
	<style>
	html {
	font-size: 20px;
	}

	section {
	background-color: #bda;
	padding: 3rem;
	margin: 1rem;
	}
	</style>
	<script>
	function activateFullscreen() {
	let elem = document.getElementById("second");
	if (elem.requestFullscreen) {
	elem.requestFullscreen();
	}
	}

	window.onload = function () {
	document.getElementById("switch").addEventListener("click", activateFullscreen);
	};
	</script>
	</head>
	<body>
	<section>First Section</section>
	<section id="second">
	<p>Second Section</p>
	<button id="switch">Activate Fullscreen (Come back with ESCAPE key)</button>
	</section>
	<section>Third Section</section>
	</body>
	</html>