os eventos do lado do cliente (texto em tempo real) nao esta sendo atualizado pelo meu terminal. o que pode ser?
Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
os eventos do lado do cliente (texto em tempo real) nao esta sendo atualizado pelo meu terminal. o que pode ser?
Olá, Guilherme! Tudo bem?
Primeiro, é importante lembrar que o console.log que você está usando no front-end não vai aparecer no terminal do VS Code, mas sim no console do navegador. Para abrir o console do navegador, pressione F12 e vá até a aba "Console".
Vamos verificar alguns pontos importantes:
Verifique a Conexão com o Socket.IO:
Certifique-se de que o servidor do Socket.IO está rodando corretamente e que o cliente está conseguindo se conectar a ele. No arquivo documento.js, você deve ter algo assim:
const socket = io();
No console do navegador, verifique se há alguma mensagem de erro relacionada à conexão do Socket.IO.
Captura do Elemento HTML:
Certifique-se de que você está capturando corretamente o elemento textarea no seu arquivo documento.js:
const textoEditor = document.getElementById("editor-texto");
Adicionando o Event Listener:
Verifique se você está adicionando corretamente o event listener ao elemento textarea:
textoEditor.addEventListener("keyup", () => {
console.log(textoEditor.value);
});
Esse código deve exibir o valor atual do textarea no console do navegador sempre que uma tecla for solta.
Atualize a Página:
Após fazer qualquer alteração no documento.js, não se esqueça de atualizar a página no navegador para que as mudanças sejam aplicadas.
Verifique o Console do Navegador:
Abra o console do navegador (F12) e vá até a aba "Console". Digite algo no textarea e veja se o valor está sendo exibido corretamente.
Se todos esses passos estiverem corretos e você ainda estiver enfrentando problemas, pode ser útil que você compartilhe todo o seu projeto, usando o GitHub ou Drive do Google. Assim poderei realizar testes para identificar o que está causando esse problema.
Espero ter ajudado e bons estudos!