3
respostas

Jquery Parou de funcionar

Após a inclusão do Materialize o Jquery parou de funcionar, pode verificar?

HTML

Alura Typer

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

<ul class="informacoes center">
    <li>
        <i class="small material-icons icones">description</i>
        <span id="tamanho-frase">19</span> palavras
    </li>
    <li>
        <i class="small material-icons icones">query_builder</i>
        <span id="tempo-digitacao">10</span> segundos
    </li>
</ul>

<textarea class="campo-digitacao" rows="8" cols="40"></textarea>
<div class="botões">

    <a id="botao-reiniciar"class="btn-floating btn-large waves-effect waves-light red">
        <i class="material-icons">restore</i>
    </a>


</div><!--botões-->



<ul class="center">
    <li> <span id="contador-caracteres">0</span> caracteres</li>
    <li> <span id="contador-palavras">0 </span> palavras</li>
</ul>

</div><!-- container -- >

<script src="js/jquery.js"></script>
<script src="js/main.js"></script>

jquery var campo = $('.campo-digitacao'); var tempoInicial = $('#tempo-digitacao').text(); var frase = $(".frase").text();

$(document).ready(function(){ atualizaTamanhoFrase(); inicializaContador(); inicializaCronometro(); $('#botao-reiniciar').click(reiniciarJogo); console.log('funcionando'); });

function atualizaTamanhoFrase(){

var numPalavras = frase.split(" ").length;
var tamanhoFrase = $("#tamanho-frase");
tamanhoFrase.text(numPalavras);

}

function inicializaContador (){ campo.on("input",function (){ var conteudo = campo.val();

var qtdPalavras = conteudo.split(/\S+/).length -1;
$("#contador-palavras").text(qtdPalavras);

var qtdCaracteres = conteudo.length;
$("#contador-caracteres").text(qtdCaracteres);

});

}

function inicializaCronometro(){ var tempoRestante = $('#tempo-digitacao').text(); campo.one("focus", function (){ var cronometro = setInterval(function(){ tempoRestante--; $('#tempo-digitacao').text(tempoRestante); if (tempoRestante < 1) { campo.attr('disabled', true); clearInterval(cronometro); campo.toggleClass("campo-desativado");

            }
        },1000);
});

}

campo.on('input', function(){ console.log(frase);

});

function reiniciarJogo(){

    campo.attr('disabled',false);
    campo.val("");
    $("#contador-palavras").text("0");
    $("#contador-caracteres").text("0");
    $('#tempo-digitacao').text(tempoInicial);
    console.log("funcionando.");
    inicializaCronometro();
    campo.toggleClass("campo-desativado");

}

3 respostas

Fala ai Wander, tudo bem? Está dando algum erro no console do navegador? Precisaria de mais informações para lhe ajudar, olhando os códigos, eles parecem estar corretos, mas, posso estar deixando passar algum pequeno detalhe.

Fico no aguardo.

No navegador não aparece nenhum erro. O que eu fiz pra não ficar agarrado foi baixar o download do professor ;/.

Que estranho Wander, compartilha o seu projeto comigo, eu simular o problema por aqui e dou uma analisada com mais calma.

Pode compartilhar através do Github ou Google Drive (zipado).

Fico no aguardo.