Não consegui entender o porquê devemos colocar para dentro do evento de click o 'tempoRestante' e a 'frase'.Realmente nao consegui visualizar a difeença pois o valor dessas variaveis continua sendo o mesmo e o fato de colocar dentro do evento de click nao as afetaria.
Seguem as funções:
function inicializaCronometro() {
var tempoRestante = $("#tempo-digitacao").text();
campo.one("focus", function(){
var intervalID = setInterval(function(){
tempoRestante--;
$("#tempo-digitacao").text(tempoRestante);
if (tempoRestante < 1){
clearInterval(intervalID);
finalizaJogo();
}
}, 1000)
})
}
function inicializaMarcadores(){
var frase = $(".frase").text();
campo.on("input", function(){
var digitado = campo.val();
var digitouCorreto = frase.startsWith(digitado);
if (digitouCorreto){
campo.addClass("borda-verde");
campo.removeClass("borda-vermelha");
}else{
campo.addClass("borda-vermelha");
campo.removeClass("borda-verde");
}
})
}