Get height of hidden element

HTML

<div class="hidden">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Saepe iste libero, accusamus fugit voluptatibus, cupiditate distinctio ex itaque mollitia perferendis nulla in earum repellendus quam, perspiciatis dolorem voluptatum vitae voluptatem numquam alias, incidunt odit culpa ducimus? Dicta non sit pariatur. Sapiente impedit asperiores enim laboriosam saepe a esse, quis harum hic nisi exercitationem error facilis tempore molestiae repudiandae deleniti suscipit odio! Aspernatur id sit, dolor excepturi, perferendis nulla iste sunt amet accusantium repellendus consequatur optio natus ab nobis molestias soluta reiciendis, sint dicta. Eligendi minima, porro nisi. Eum dignissimos a deleniti dolore voluptatibus, voluptates, deserunt eligendi, sunt temporibus in rerum sdafsd speriores enim laboriosam saepe a esse, quis harum hic nisi exercitationem error facilis tempore molestiae repudiandae deleniti suscipit odio! Aspernatur id sit, dolor excepturi, perferendis nulla iste sunt amet accusantium repellendus consequatur optio natus ab nobis molestias soluta reiciendis, sint dicta. Eligendi minima, porro nisi. Eum dignissimos a deleniti dolore voluptatibus, voluptates, deserunt eligendi, sunt temporibus in rerum sdafsd .</div>
<div class="visible">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Saepe iste libero, accusamus fugit voluptatibus, cupiditate distinctio ex itaque mollitia perferendis nulla in earum repellendus quam, perspiciatis dolorem voluptatum vitae voluptatem numquam alias, incidunt odit culpa ducimus? Dicta non sit pariatur. Sapiente impedit asperiores enim laboriosam saepe a esse, quis harum hic nisi exercitationem error facilis tempore molestiae repudiandae deleniti suscipit odio! Aspernatur id sit, dolor excepturi, perferendis nulla iste sunt amet accusantium repellendus consequatur optio natus ab nobis molestias soluta reiciendis, sint dicta. Eligendi minima, porro nisi. Eum dignissimos a deleniti dolore voluptatibus,...

CSS

.hidden {
  height: 0;
  overflow: hidden;
}

#results {
  margin-top: 20px;
  padding: 20px;
  border: 1px solid #ccc;
}

JavaScript

const getHeight = el => el.scrollHeight

const resultsEl = document.querySelector('#results')
const hiddenEl = document.querySelector('.hidden')
const visibleEl = document.querySelector('.visible')


resultsEl.innerHTML = 'Hidden element height = ' + getHeight(hiddenEl) + '<br />' 
	+ 'Visible element height = ' + getHeight(visibleEl)