JSFiddle - React, Tailwind, and code Playground

by lau_chung

HTML

<div class="readmore">
    This is the shortened text<span class="ellipsis">...</span> <span class="moreText">with the full text hidden</span> <a class="more" href="#">show more</a>
</div>

CSS

.readmore {
    width:200px;
}
.readmore .moreText {
    display:none;
}
.readmore a.more {
    display:block;
}

JavaScript

console.log(Math.min(1000 * 50, 2000))