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");
}