Lorem ipsum dolor, sit amet consectetur adipisicing elit. Dolor reiciendis nihil repellendus? Minima temporibus ullam impedit quasi placeat iure labore dicta ipsa, deserunt dolorem incidunt quis dolore quia quae dolor fugiat excepturi hic sunt, suscipit officia natus. Odit laborum dolorem cupiditate non minima, eos repudiandae suscipit. Quam perspiciatis voluptas dolorem corporis minima ea excepturi rem possimus enim tempore, qui officiis exercitationem cupiditate quibusdam officia delectus sit maxime fugit saepe aperiam eum mollitia aspernatur veritatis deserunt! Repudiandae dolorem deleniti deserunt. Mollitia quibusdam aliquam libero porro tempora sequi facere blanditiis officiis quam nisi, magni consequuntur, facilis animi, ipsam culpa dicta hic voluptatibus. Maxime autem placeat eaque, natus cum facere neque dolorum accusamus veniam tempora dicta esse consectetur rerum excepturi modi vel id porro ab quae labore dolores quos sit. Eligendi dignissimos quis repellendus maiores ipsum modi et fugiat quam corporis voluptate officia vitae laborum quibusdam, sint cum ad repudiandae excepturi dolore reiciendis!
- + diff --git a/script.js b/script.js index 1a2729b..ad58b17 100644 --- a/script.js +++ b/script.js @@ -2,6 +2,11 @@ var btn = document.querySelector('button'); var textElement = document.getElementById('text'); var originalText = textElement.innerText; +if (originalText.length > 50) { + textElement.innerText = originalText.slice(0, 50); + btn.style.display = 'block'; +} + function showMoreLess() { if (textElement.innerText.length > 50) { textElement.innerText = textElement.innerText.slice(0, 50); @@ -10,4 +15,4 @@ function showMoreLess() { textElement.innerText = originalText; btn.innerText = "See less"; } -} +}; \ No newline at end of file