JSFiddle - React, Tailwind, and code Playground

by Maxim_Wolf

HTML

<button id="open">
  open
</button>
<div id="lipsum">

<p>
Phasellus non facilisis nunc, non euismod ipsum. Nullam sit amet ipsum ut justo commodo porttitor. Cras id mattis ipsum. Praesent a consectetur diam. Aenean euismod sit amet tellus eu ultricies. Nulla facilisi. Etiam eget dui eu augue fermentum maximus ac eu lectus. Aenean vitae eleifend lectus. Nullam vel eleifend justo, ut facilisis ipsum. Suspendisse aliquet orci vel nisi iaculis rhoncus. Sed et urna vel urna efficitur ultrices. Phasellus in urna condimentum, feugiat massa id, ullamcorper leo.
</p>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In at lacinia tortor. Suspendisse vitae ante nibh. Phasellus posuere diam quis lacinia semper. In porta ut libero eu fringilla. Nulla id leo in nisl efficitur feugiat a eu sem. Maecenas sit amet ligula libero. Aenean tincidunt nunc non ultricies aliquam. Duis nibh ante, semper id lacus nec, lobortis viverra augue. Mauris quis ornare tellus, eget tincidunt libero. Morbi sagittis odio eu velit fermentum dignissim. Nullam odio arcu, suscipit quis volutpat sit amet, aliquet ut leo. Aliquam rhoncus ullamcorper elit, sed interdum lorem cursus et.
</p><p>
Nullam ut magna auctor, congue nisi eu, aliquet tortor. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Suspendisse pharetra, diam a efficitur vulputate, augue ante fermentum tortor, sed aliquam felis velit ut orci. Curabitur placerat vestibulum mi, eu gravida ante. Maecenas dictum massa neque. Proin tempus commodo aliquam. Vestibulum lacus risus, molestie non augue vel, condimentum tempus ligula. Nulla eleifend risus fermentum rutrum accumsan.
</p>
<p>
Proin venenatis iaculis lectus non pulvinar. Fusce et interdum ligula, pharetra mollis magna. Nunc venenatis venenatis facilisis. Suspendisse commodo vel ex id sagittis. Curabitur orci nunc, rhoncus sed pulvinar in, consequat quis ligula. Mauris dictum est eu ante ultrices, id dignissim elit feugiat. Nullam...

JavaScript

const open = document.querySelector('#open');
const example = document.querySelector("#example");
open.addEventListener('click',()=>{
  example.showModal();
})