JSFiddle - React, Tailwind, and code Playground

by Kabir Hossain

HTML

A web pages screen size,window size, document size:
<br/><br/>
<br/>Screen:<br/>
Height: <span class="sh"></span><br/>
Width: <span class="sw"></span><br/>

<br/>Window:<br/>
Height: <span class="wh"></span><br/>
Width: <span class="ww"></span><br/>

<br/>Document:<br/>
Height: <span class="dh"></span><br/>
Width: <span class="dw"></span><br/>

JavaScript

$(function(){
    var sh = screen.height;
    var sw = screen.width;
    $('.sh').text(sh);
    $('.sw').text(sw);

	var wh = window.screen.availHeight;
	var ww = window.screen.availWidth;
    $('.wh').text(wh);
    $('.ww').text(ww);
    
    var dh = $(document).height();
	var dw = $(document).width();
    $('.dh').text(dh);
    $('.dw').text(dw);
	
	/*var wih = window.innerHeight;    
	var wiw = window.innerWidth;
    alert(wih);
    alert(wiw);*/
});