JSFiddle - React, Tailwind, and code Playground

by khamer

HTML

<h1>Hello</h1>
<div class="text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorum fugiat molestiae ut esse consequatur, ipsum iusto consequuntur beatae perspiciatis corrupti ducimus soluta aliquid libero, rem accusantium cupiditate eveniet, in quae, nemo vitae tempora doloremque voluptatibus repellat! A cum cumque, dolor rem alias ipsam. Id praesentium dicta odio quae dolor repudiandae possimus reprehenderit ut, laudantium nostrum sint amet perferendis, illum itaque. Cum qui cupiditate aliquid dolore voluptatum! Expedita facere nulla, ratione eaque impedit repellendus quisquam, repudiandae, facilis autem ab ullam similique, saepe error! Neque tempora quas necessitatibus quae reiciendis sunt ipsum, dolorum beatae nesciunt ea omnis qui aspernatur! Inventore, deserunt, perferendis.</div>
<div class="text">Unde maiores consectetur quo, itaque sequi labore, numquam, assumenda libero adipisci doloribus eos molestiae laudantium sint eligendi vero. Aspernatur id, itaque sed vero commodi quas maiores minus officia fugit, repudiandae nisi quo debitis. Provident unde odit, neque quasi facere excepturi recusandae? Fugiat culpa suscipit non, corporis exercitationem distinctio enim ratione sequi vel nisi voluptas ullam ad, porro tempora ducimus aut adipisci, amet dicta. Repellat at, dolores natus placeat ipsum voluptate modi quod vitae, optio iste accusantium itaque suscipit vero. Aperiam harum aliquid eaque soluta obcaecati esse fuga quaerat, eum, nam temporibus magni maiores necessitatibus quidem id unde voluptates corporis placeat.</div>
<div class="text">Facilis, aut vero necessitatibus. Dolores, repellat tenetur aut ducimus impedit laudantium ullam natus officiis ut culpa eligendi accusantium, neque est a veritatis reprehenderit distinctio possimus saepe assumenda! Omnis tenetur impedit culpa labore vero non quasi velit nemo saepe, delectus aut provident suscipit itaque! Consequatur, consequuntur quisquam ea voluptates repellendus, itaque eum, repudiandae...

CSS

.text {
  position: absolute;
  color: rgba(255, 255, 0, .1);
  background-color: rgba(0, 0, 255, .1);
}

JavaScript

let loadTime = performance.timing.domInteractive - performance.timing.domLoading;

document.querySelector('h1').innerHTML = loadTime;