Gostaria de fazer uma observação sobre a resposta apresentada. Foi sugerido o uso de innerHTML para alterar o texto de um elemento, porém essa não é a opção mais indicada quando o objetivo é modificar apenas o conteúdo textual.
Acredito que seria mais adequado explicar a diferença entre textContent, innerText e innerHTML, pois cada um possui uma finalidade específica:
textContent: altera ou obtém apenas o texto do elemento, sendo a opção mais recomendada quando não há necessidade de inserir HTML.
innerText: também trabalha com texto, mas considera a forma como ele é exibido na página, levando em conta estilos CSS e elementos ocultos.
innerHTML: altera o conteúdo HTML do elemento, permitindo inserir tags. Seu uso deve ser reservado para quando realmente for necessário adicionar ou modificar a estrutura HTML, pois pode trazer impactos de desempenho e segurança se utilizado com conteúdo não confiável.
Para saber mais:
Conte com o apoio da comunidade Alura na sua jornada. Abraços e bons estudos!