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 new file mode 100644 index 0000000..1a2729b --- /dev/null +++ b/script.js @@ -0,0 +1,13 @@ +var btn = document.querySelector('button'); +var textElement = document.getElementById('text'); +var originalText = textElement.innerText; + +function showMoreLess() { + if (textElement.innerText.length > 50) { + textElement.innerText = textElement.innerText.slice(0, 50); + btn.innerText = "See more"; + } else { + textElement.innerText = originalText; + btn.innerText = "See less"; + } +}