Solucionado
Vendo a aula sobre alterar os seletores do arquivo HTML, me surgiu uma dúvida: Por que alterar o texto no arquivo javascript e não direto no html? (tirando o fato que na aula estão usando para ensinar como funciona) No exemplo da aula, se eu tivesse outro h1, ele alteraria também, não? Em quais situações eu usaria essa opção e não direto no html?
Obrigada! ;)
A prática de alterar o conteúdo dinamicamente através do JavaScript em vez de diretamente no HTML é conhecida como manipulação do DOM (Document Object Model). Existem várias razões para fazer isso, e isso está relacionado principalmente à interatividade e à dinâmica de uma página web.
Aqui estão algumas razões pelas quais você pode preferir alterar o conteúdo usando JavaScript:
Interatividade dinâmica: Com JavaScript, você pode alterar o conteúdo da página em resposta a eventos do usuário, como cliques, entradas de formulário, etc. Isso permite criar experiências mais interativas e dinâmicas para os usuários.
Reatividade: O JavaScript permite que você crie páginas que respondem a mudanças de dados em tempo real, sem a necessidade de recarregar a página. Isso é especialmente útil em aplicativos da web modernos.
Manipulação condicional: Com JavaScript, você pode aplicar lógica condicional para decidir quais elementos do HTML devem ser modificados com base em certas condições. Isso proporciona flexibilidade na exibição de conteúdo de acordo com diferentes situações.
Atualização sem recarregar: Você pode atualizar partes específicas da página sem recarregar a página inteira. Isso melhora a experiência do usuário e economiza largura de banda.
No entanto, é importante mencionar que, em alguns casos, pode ser mais apropriado editar diretamente no HTML. Por exemplo, se o conteúdo não for dinâmico e não precisar ser alterado com base em interações do usuário ou atualizações de dados em tempo real, é perfeitamente válido editar diretamente no HTML.
Quanto à sua preocupação sobre alterar todos os elementos com a mesma tag, isso é uma consideração válida. Se você tem vários elementos com o mesmo seletor e deseja selecionar um específico, você precisará ser mais específico no seu código JavaScript para garantir que está direcionando o elemento desejado. Isso pode ser feito usando classes, IDs ou outras maneiras de diferenciar os elementos uns dos outros.
Obrigada, Carlos! Agora fez mais sentido sabendo as diferenças e dá pra aplicar melhor quando precisar.