Website: mankapuas.sch.id

Instagram : man_kapuas
FB : MAN Kapuas
Youtube : MAN KAPUAS
MAN KAPUAS : Akreditasi : A
Website Dalam Pengembangan

Fullscreen with JavaScript

 <!DOCTYPE html>

<html>

<head>

<title>latihan koding infrmatika MAN Kapuas</title>

<meta name="viewport" content="width=device-width, initial-scale=1">

<style>

/* Safari syntax */

:-webkit-full-screen {

  background-color: yellow;

}

/* IE11 */

:-ms-fullscreen {

  background-color: yellow;

}

/* Standard syntax */

:fullscreen {

  background-color: yellow;

}

/* Style the button */

button {

  padding: 20px;

  font-size: 20px;

}

</style>

</head>

<body>

<h2>Fullscreen with JavaScript</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>

<script>

var elem = document.documentElement;

function openFullscreen() {

  if (elem.requestFullscreen) {

    elem.requestFullscreen();

  } else if (elem.webkitRequestFullscreen) { /* Safari */

    elem.webkitRequestFullscreen();

  } else if (elem.msRequestFullscreen) { /* IE11 */

    elem.msRequestFullscreen();

  }

}


function closeFullscreen() {

  if (document.exitFullscreen) {

    document.exitFullscreen();

  } else if (document.webkitExitFullscreen) { /* Safari */

    document.webkitExitFullscreen();

  } else if (document.msExitFullscreen) { /* IE11 */

    document.msExitFullscreen();

  }

}

</scrip>

<p>Note: Internet Explorer 10 and earlier versions do not support the msRequestFullscreen() method.</p>

</body>

</html>




0 komentar:

Pages - Menu

Teknologi hanyalah alat. Namun, untuk menjadikan peserta didik bisa saling bekerjasama dan termotivasi, guru adalah yang paling penting.” ---Bill Gates---

Online


Powered by IT Komputer MAN Kapuas