JSFiddle - React, Tailwind, and code Playground

HTML

<div class="uzun-yazi">
  <p>
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis accumsan lacinia tortor, vitae lobortis elit pretium vitae. Nullam gravida tincidunt accumsan. Donec et nulla egestas, vehicula arcu quis, dapibus erat. Ut commodo interdum tortor, id tempus justo consectetur maximus. Phasellus id dui non mi vulputate feugiat. Nullam ac sapien vulputate, rhoncus felis ac, gravida sapien. Vivamus non vehicula lorem, ut dapibus mauris. Suspendisse ac nulla imperdiet, imperdiet risus sit amet, consequat nisi. Fusce arcu metus, consequat eu eleifend at, lacinia id dolor. Aliquam sem dui, efficitur non tempus a, sagittis vel leo. Nam sodales erat nec nulla interdum, ut fringilla elit semper. Praesent vel molestie tortor, a viverra libero. Donec eu ornare erat, placerat porttitor risus.
  </p>
  <span onclick="readMore(this)">devamını oku</span>
</div>

CSS

.uzun-yazi p {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.uzun-yazi span {
  font-style: italic;
  float: right;
  border-bottom: 1px dotted #000;
  cursor: pointer;
}

JavaScript

function readMore(element) {
  element.parentElement.getElementsByTagName("p")[0].style.webkitLineClamp = "inherit";
  element.style.display = "none";
}