Alterando Textos (innerText e textContent)
Uma vez que o elemento está nas suas mãos, você pode reescrever o que tem dentro dele. A propriedade `innerText` serve para alterar o 'texto puro'. A grande vantagem dessa ferramenta é a segurança: ela ignora qualquer tag HTML. Se você tentar injetar um link malicioso usando innerText, ele vai imprimir o link em formato de texto, sem transformá-lo em um link clicável.
script.js
const titulo = document.querySelector('.titulo-aula');
// Reescrevendo o texto da tela
titulo.innerText = "Bem-vindo à Aula de DOM!";
// Tentativa de ataque hacker que vai FALHAR no innerText:
const inputDoUsuario = "<button>Vírus</button>";
const divResultado = document.querySelector('#resultado');
// O botão não vai aparecer! O texto vai aparecer escrito literalmente:
divResultado.innerText = inputDoUsuario;Card 1 de 3
