Na aula de Javascript aprendemos a utilizar o document.querySelector para associar o texto de uma tag a uma variável e a cada alteração dessa variável, se refletia também no DOM. Por exemplo:
<span id="span-teste"></span>
<script>
var span = document.querySelector("#span-teste").textContent;
</script>Se eu alterar o valor da variável span, isso se refletirá no DOM automaticamente.
Entretanto, o mesmo não acontece no jQuery. Nessa aula, temos um span com id "tempo-digitacao" e foi dada essa solução:
var tempoRestante = $("#tempo-digitacao").text();
setInterval(function() {
tempoRestante--;
$("#tempo-digitacao").text(tempoRestante);
},1000);Não entendi porque o DOM não refletiu a mudança automática do tempoRestante (como era feito no javascript simples) e foi necessário chamar de novo o #tempo-digitacao para alterar seu texto.
