JSFiddle - React, Tailwind, and code Playground

by rafasirotheau

HTML

<label>
<input type="button" id="iniciar" value="Iniciar" />
</label>

<div id="texto">
O constitucionalismo, teoria que deu ensejo à elaboração do que é formalmente chamado de Constituição, surgiu a partir das teorias iluministas e do pensamento que também deu base à Revolução Francesa de 1789.

Considera-se a Magna Carta o documento que esboçou o que posteriormente seria chamado de Constituição. Foi assinada pelo Príncipe João Sem-Terra face à pressão dos barões da Inglaterra medieval, e apesar da notícia histórica de que os únicos que se beneficiaram com tal direito foram os barões ingleses, o documento não perde a posição de elemento central na história do constitucionalismo ocidental. A partir da moderna doutrina constitucionalista, a interpretação dada à Magna Carta sofre um processo de mutação denominado mutação constitucional, donde novos personagens ocupam as posições ocupadas originalmente pelos participantes daquele contrato feudal, de maneira que as prerrogativas e direitos que foram concedidos aos barões passam a ser devidos aos cidadãos, e os deveres e limitações impostos ao Príncipe João Sem-Terra passam a limitar o poder do Estado.

Contudo, foi a partir das "Revoluções Liberais" (Revolução Francesa, Revolução Americana e Revolução Industrial) que surgiu o ideário constitucional, no qual seria necessário, para evitar abusos dos soberanos em relação aos súditos, que existisse um documento onde se fixasse a estrutura do Estado, e a conseqüente limitação dos poderes do Estado em relação ao povo.

Com o passar do tempo, em especial com as teorias elaboradas por Hans Kelsen, grande jurista da Escola Austríaca da primeira metade do Século XX, passou-se a considerar a Constituição não como apenas uma lei limitadora e organizativa, mas como a própria fonte de eficácia de todas as leis de um Estado. Tal teoria (chamada de Teoria Pura do Direito, de Kelsen), apesar de essencial para a formação de um pensamento mais aprofundado acerca desta norma, não dá...

JavaScript

var atual = 2;
var intervaloMS = 100;
var repeatThis = '';

$("#iniciar").click(function () {
    repeatThis = setInterval(gooo, intervaloMS);
});

function gooo() {
    var texto = $("#texto").text();
    var arTexto = texto.split(' ');
    var newTexto = '<span style="color:#F00">';
    for (i=0;i<arTexto.length;i++) {
        newTexto += arTexto[i]+' ';
        if (i==atual) {
            newTexto += '</span>';
        }
    }
    atual+=3;
    $("#texto").html(newTexto);
    if (atual >= arTexto.length) {
        clearInterval(repeatThis);
    }
}