JSFiddle - React, Tailwind, and code Playground

HTML

<button id="view-fullscreen">Toggle Full Screen</button>

JavaScript

var isFull = false;

function fullscreenToggle(){

    if(isFull == false){
        var docElm = document.documentElement;
        if (docElm.requestFullscreen) { docElm.requestFullscreen(); }
        if (docElm.mozRequestFullScreen) { docElm.mozRequestFullScreen(); }
        if (docElm.webkitRequestFullScreen) { docElm.webkitRequestFullScreen(); }
        isFull = true;
    } else {
        if (document.exitFullscreen) { document.exitFullscreen(); }
        if (document.mozCancelFullScreen) { document.mozCancelFullScreen(); }
        if (document.webkitCancelFullScreen) { document.webkitCancelFullScreen(); }
        isFull = false;
    }
    
}

$("#view-fullscreen").on("click", function (){ 
    fullscreenToggle();
});