JSFiddle - React, Tailwind, and code Playground

by jquerybyexample

HTML

<div id='dvExample'>
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent pharetra dolor in velit vulputate vel varius nibh facilisis. Suspendisse sagittis varius velit ut ullamcorper. Suspendisse rutrum lacinia elit non iaculis. Praesent hendrerit, nunc vitae ullamcorper imperdiet, tortor tellus imperdiet justo, in gravida tortor arcu vitae mi. Cras dui eros, pellentesque sed fringilla non, blandit in nibh. Proin enim odio, eleifend quis consequat in, luctus a elit. Nunc sapien odio, scelerisque eu rutrum ut, tempor in ante. Aenean quis quam ligula. Sed eget sapien nulla, vitae lacinia odio. Cras et lacus diam. Maecenas volutpat volutpat faucibus. Curabitur congue risus quis mi commodo pulvinar. Suspendisse potenti. Aliquam dignissim augue sit amet sem semper dictum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed augue lacus, tincidunt id dapibus id, fermentum et felis. Sed sit amet nulla lacus, eu commodo erat. Praesent vitae turpis non orci fringilla iaculis. Vivamus bibendum tempus massa, sit amet tristique purus mollis vel.
</div>

<input type='button' id='btnWidth' value='Change Width' />

JavaScript

$(document).ready(function() {
   $('#dvExample').css('width','350px');
    $('#btnWidth').click(function() {
       $('#dvExample').css('width','+=100px'); 
    });
});