JSFiddle - React, Tailwind, and code Playground

by gsguma

HTML

<span id="aumentar">[aumentar]</span>
<span id="diminuir">[diminuir]</span>

<div id="materia">
    <p>lorem iopsun dolor sit  amet lorem iopsun dolor sit  amet lorem iopsun dolor sit  amet lorem iopsun dolor sit  amet lorem iopsun dolor sit  amet</p>
    <div class="modulo">
        <p>lkhlkahlk khlkh lkhkhlkh khçlk jçkljhçl jçlkj çkljçl jçkl </p>    
    </div>

</div>

CSS

#materia{font-size:14px;}
#aumentar, #diminuir{cursor:pointer; margin:50px;}

JavaScript

$(document).ready(function(){
    $('#aumentar').click(function(){
        $('#materia > p').css('font-size', '+=2');
    });
    $('#diminuir').click(function(){
        $('#materia > p').css('font-size', '-=2');
    });
});