JSFiddle - React, Tailwind, and code Playground

HTML

<div class="test">Foobar</div>

CSS

.test {
  background: #AAA;
  position: absolute;
  top: 100px;
  width: 50%;
}

JavaScript

var test = document.querySelector('.test');

test.addEventListener('click', function () {
  if(test.requestFullScreen) {
    test.requestFullScreen();
  } else if(test.mozRequestFullScreen) {
    test.mozRequestFullScreen();
  } else if(test.webkitRequestFullScreen) {
    test.webkitRequestFullScreen();
  }
}, false);