JSFiddle - React, Tailwind, and code Playground

by Ravindra Athreya

HTML

<div id="myDiv" class="set-height">
  Content
</div>

<button onClick="myclick()">
Set Height
</button>

CSS

.set-height {
  border: 1px solid red;
  padding: 10px;
}

JavaScript

function myclick(){
    var div = document.getElementById("myDiv");
  var rect = div.getBoundingClientRect();
  var width = window.innerWidth || document.body.clientWidth;
  var height = window.innerHeight || document.body.clientHeight;
  
  div.style.height = `${height}px`;
     debugger;
    }