js высота div в зависимости от высоты видимой части

function ready() { 
console.log('started'); 
var element = document.getElementsByClassName("bodys")[0]; 
 
// На сколько пикселей изменить высоту 
var h = document.documentElement.clientHeight; 
console.log(h); 
var hdr = $('.heads').height(); 
var ftr = $('.heads').height(); 
//console.log(ftr); 
console.log(hdr) 
console.log(ftr) 
var h= h - ftr - hdr; 
//element.style.min-height(htr + "px"); 
 $('.bodys').height(h+"px"); 
 console.log(h) 
  } 
 
  document.addEventListener("DOMContentLoaded", ready);

.heads  
{ 
height:90px; 
background-color:green; 
display:block; 
} 
.bodys  
{ 
background-color:red; 
min-height:190px; 
display:block; 
} 
.footers 
{ 
height:100px; 
background-color:yellow; 
display:block; 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<div class="heads"> 
</div> 
<div class="bodys"> 
</div> 
<div class="footers"> 
</div>