Stroki

trim string

by stic_k

HTML

<div class="block">
  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quidem ex tenetur est id doloremque nam sed maxime aliquid dolores molestiae quas, nihil eaque odit ad dignissimos soluta inventore voluptatum porro?</p>
  <a class="link" href="#">Читать далее...</a>
</div>

<div class="out"></div>

JavaScript

document.querySelector('.link').addEventListener('click', minText);

function minText () {
  var text = document.querySelector('.block p'),
    	bigText = text.textContent,
    	smallText = bigText.substring(0,20) + '[...]';
      
      if(bigText.length > smallText.length){
      		text.innerHTML = smallText;
      }
      else{
      	text.innerHTML = bigText;
      }
}