tengo un div y un botón para mostrar más y quiero ocultar el botón para mostrar más si las cosas en el div no exceden la altura máxima del div (530 px) porque no necesitaré el botón a menos que haya cosas en el div excede su altura máxima.
mi código
js
var clientHeight = document.getElementById('ccontainer').clientHeight; if clientHeight => '530px' var x = 1 else var x = 0 if x = 1 { div.classList.add('show');}html
<div class="ccontainer" id="ccontainer"> <p id="context"> content </p> <div class="img" id="cntimgcon" > <img src="images\image2.jpg" id="cntimgp1"> </div> <p id="context"> content </p> </div> <Button class="showmore"> show more </button>const btn = document.querySelector('.showmore'); const height = document.querySelector('#ccontainer').clientHeight; if (height <= 530) { btn.style.display = 'none'; // hide } else { btn.style.display = ''; // unhide }