Bom dia galera!
Fiz uma pequena implementação(teste) que marca o texto conforme a digitação esteja correta. Porém , como não tenho muita experiência com jQuery, acredito que fiz de uma maneira não muito "correta" (apesar de estar funcionando normalmente). Gostaria que alguém desse uma olhada e se possível refatorasse o código, pra que eu possa ver como uma pessoa com mais experiência faria essa mesma implementação.
Olá, Carlos!
Muito legal seu projeto! Porém ele só marca se eu incluir o início do texto: "Lorem ipsum...". Se eu digitar "Error", ele não marca essa palavra do meio do texto.
Outro problema também é que os seletores estão hard-coded (fixos) no seu código. O ideal seria passar esses seletores como argumentos da função.
Eu recomendo fortemente que você crie um plugin jQuery. Veja a documentação do jQuery sobre isso: https://learn.jquery.com/plugins/basic-plugin-creation/
No final das contas, seria legal você rodar o setup do seu plugin jQuery mais ou menos assim:
$.marcaTexto({
output: "#texto",
input: "#digitacao"
})Boa sorte e bons estudos!