Explicação de Apenas um título
Objetivo deste desafio: Usar o JS para adicionar um título a uma página da Web usando um elemento h1
.
Passo a passo da solução: Na guia JS, crie uma variável chamada title
. Isso será usado para armazenar o novo elemento h1
. Para criar um elemento h1
, você usa o método document.createElement()
. O argumento do método é uma string que será a tag do seu novo elemento. Neste desafio, é preciso usar let title = document.createElement('h1')
.
Em seguida, precisamos dar ao elemento um texto, caso contrário, ele ficará em branco. Para definir o texto do elemento, atribuímos uma string ao seu .textContent
. O elemento é armazenado na variável title
, por isso podemos usar title.textContent = 'Adoptable Animals'
.
Agora o elemento h1
está pronto e armazenado na variável title
, mas ainda precisa ser adicionado à página. Para isso, você anexa o elemento ao corpo usando body.appendChild(title)
. Lembre-se de que estamos armazenando document.body
na variável chamada body
, portanto isso é o mesmo que document.body.appendChild(title)
.
Conceitos de JavaScript: .textContent
, .createElement()
, documento, corpo, .appendChild()
Conceitos de HTML: h1