``` var titulo = document.querySelector("h1"); console.log(titulo.textContent); titulo.textContent = "banana"; console.log(document.querySelector("h1").textContent);
o h1 é "aparecida nutrição", no script eu crio uma variável que recebe esse conteudo do h1. Por que quando eu altero o conteúdo da variável titulo tambem altera o conteúdo do h1? (ao envés de ser uma variável a parte).
hoje, com a Alura e o Google Gemini
Olá Otávio,
quando você criou a variável titulo utilizando o querySelector, você obteve uma referência ao elemento h1, toda modificação feita nessa referência reflete no objeto em tela, é diferente de uma variável de tipo básico que cria uma cópia isolada do valor. É semelhante ao que você viu em Orientação a Objetos, onde você tem uma referência ao objeto ou um ponteiro. Toda alteração que você fizer em elemento do documento será refletida em tela. Você verá mais isso acontecendo de acordo com o andamento do curso, mas o segredo é lembrar que você está trabalhando com uma referência ao elemento de tela e mesmo que você armazene ela em uma variável ou passe como parâmetro para uma função, ainda será uma referência.
Atenciosamente.