JSFiddle - React, Tailwind, and code Playground

by Juri Rudi

HTML

<div id="mioDiv">div</div>
<button id="test_innerheight">innerHeight</button>
<button id="test_innerwidth">innerWidth</button>
<br>
<button id="test_outerheight">outerHeight</button>
<button id="test_outerwidth">outerWidth</button>

CSS

#mioDiv {
	width:150px;
	height:100px;
	background:yellow;
	border: 2px solid black;
	margin: 4px;
	padding: 5px;
}

JavaScript

$("#test_innerheight").click(function(){
  alert($("#mioDiv").innerHeight());
});

$("#test_innerwidth").click(function(){
  alert($("#mioDiv").innerWidth());
});
$("#test_outerheight").click(function(){
  alert($("#mioDiv").outerHeight());
});

$("#test_outerwidth").click(function(){
  alert($("#mioDiv").outerWidth());
});