JSFiddle - React, Tailwind, and code Playground

HTML

<div id="iWantThisHeight" class="box">
<div id="div1" style="">innerDiv1</div>
<div id="div2" style="">innerDiv2</div> 
</div>
<div id="anotherdiv">test3</div>
<div id="output">
</div>

CSS

.box div{
    height:100px;
    margin-bottom:20px;
}
.box {
    border: 1px solid white;
}

JavaScript

$(document).ready(     function() { 
        $("#output").html(
$("#iWantThisHeight").height()+"<br>"+$("#iWantThisHeight").height()+"<br>"+$("#iWantThisHeight").outerHeight(true)
);
});