JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<button type="button" id="enter_fullscreen_document">Toggle on document</button>
<button type="button" id="enter_fullscreen_body">Toggle on document.body</button>

JavaScript

$(function(){
   $('#enter_fullscreen_document').on('click', function(e) { 
	  	e.preventDefault();
	  	toggleFullScreen(document);
   });
    $('#enter_fullscreen_body').on('click', function(e) { 
	  	e.preventDefault();
	  	toggleFullScreen(document.body);
   });
function toggleFullScreen(elem) {
	if ((document.fullScreenElement !== undefined && document.fullScreenElement === null) ||
		(document.msFullscreenElement !== undefined && document.msFullscreenElement === null) ||
		(document.mozFullScreen !== undefined && document.mozFullScreen === null) ||
		(document.webkitIsFullScreen !== undefined && document.webkitIsFullScreen === null)) {
		if (elem.requestFullScreen) {
			elem.requestFullScreen();
		} else if (elem.mozRequestFullScreen) {
			elem.mozRequestFullScreen();
		} else if (elem.webkitRequestFullScreen) {
			elem.webkitRequestFullScreen(Element.ALLOW_KEYBOARD_INPUT);
		} else if (elem.msRequestFullscreen) {
			elem.msRequestFullscreen();
		}
	} else {
		if (document.cancelFullScreen) {
			document.cancelFullScreen();
		} else if (document.mozCancelFullScreen) {
			document.mozCancelFullScreen();
		} else if (document.webkitCancelFullScreen) {
			document.webkitCancelFullScreen();
		} else if (document.msExitFullscreen) {
			document.msExitFullscreen();
		}
	}
}
});