Como determinar qual elemento DOM está em foco em uma página web?

Olá a todos! Estou fazendo um pequeno editor de texto em JavaScript puro e preciso rastrear em qual campo de entrada o usuário está digitando no momento. Tenho várias `` e `<input>` na página e quero, por exemplo, destacar o campo ativo ou mostrar uma dica apenas para o elemento que está em foco. O problema é que não sei como descobrir programaticamente qual elemento está ativo no momento. Tentei usar `document.activeElement`, mas não tenho certeza se funciona em todos os navegadores e se estou usando corretamente. Aqui está um exemplo da minha marcação e código: ```html <input type="text" id="name" placeholder="Digite o nome"> <textarea id="message" placeholder="Sua mensagem"> Enviar ``` ```javascript // Quero obter o elemento que está em foco agora let focusedElement = document.activeElement; console.log(focusedElement); // Retorna body ou undefined? ``` Quando clico no campo de entrada e chamo essa função, no console...