Javascript function that uses the Full Screen API to display an element in fullscreen.

goFullScreen.js

goFullScreen() {
  const fullScreenPrefixes = [
    'requestFullscreen',
    'webkitRequestFullscreen',
    'mozRequestFullScreen',
    'msRequestFullscreen'
  ]
  // HTMLElement is the DOM element you want to make full screen
  const prefixedFn = fullScreenPrefixes.find(
    prefixedFn => HTMLElement[prefixedFn] !== undefined
  )

  if (!prefixedFn) alert('Full Screen API is not supported in your browser')

  HTMLElement[prefixedFn]()
}