Bagaimana cara beralih layar penuh dalam JavaScript

Halo Sobat Mas Rizky, berjumpa lagi ya di Blog yang sama ya, dalam kesempatan kali ini mimin akan berbagi Tutorial Bagaimana cara beralih layar penuh dalam JavaScript.

Untuk membuat tombol pengalih layar penuh untuk situs web Blogger, Anda dapat memodifikasi kode templat dengan menambahkan JavaScript untuk menangani fungsionalitas layar penuh.

Bagaimana Anda dapat melakukannya diberikan di bawah ini langkah demi langkah:

• Buka dasbor Blogger dan navigasikan ke bagian "Tema" section.
• Klik tombol "Edit HTML" untuk mengakses kode template.
• Cari </body> tag penutup dan letakkan kode berikut tepat di atasnya:

  function toggleFullscreen() {
    var elem = document.documentElement;
    if (!document.fullscreenElement && !document.mozFullScreenElement &&
        !document.webkitFullscreenElement && !document.msFullscreenElement) {
      if (elem.requestFullscreen) {
        elem.requestFullscreen();
      } else if (elem.mozRequestFullScreen) {
        elem.mozRequestFullScreen();
      } else if (elem.webkitRequestFullscreen) {
        elem.webkitRequestFullscreen();
      } else if (elem.msRequestFullscreen) {
        elem.msRequestFullscreen();
      }
    } else {
      if (document.exitFullscreen) {
        document.exitFullscreen();
      } else if (document.mozCancelFullScreen) {
        document.mozCancelFullScreen();
      } else if (document.webkitExitFullscreen) {
        document.webkitExitFullscreen();
      } else if (document.msExitFullscreen) {
        document.msExitFullscreen();
      }
    }
  }

---

• Simpan perubahan pada templat.

Jika mau, Anda bisa menggunakan kode HTML berikut di postingan Anda atau di header atau footer tema blogger Anda.

 <button onclick="toggleFullscreen()">Toggle Fullscreen</button>

Demikian Tutorial Bagaimana cara beralih layar penuh dalam JavaScript yang dapat kami sampaikan semoga bermanfaat. Jika informasi ini bermanfaat, Jangan lupa Share ya teman-teman, Terima Kasih