forked from gabrielmaikon/lp-not-2021-2
-
Notifications
You must be signed in to change notification settings - Fork 0
/
ex14-criacao-DOM.html
93 lines (70 loc) · 2.99 KB
/
ex14-criacao-DOM.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Modelo de documento HTML</title>
</head>
<body>
<h1>Criação de novos elementos</h1>
<!-- Título 2 vai aqui -->
<ol>
</ol>
<script>
// 'use strict' impede que vari�veis sejam declaradas
// sem o uso de let, var ou const
// Inicializar vari�veis diretamente � m� pr�tica de
// programa��o
'use strict'
/*
Todos os elementos devem ser inseridos usando JavaScript.
1) Insira três itens na lista ordenada, com os valores "Belarmina",
"Luzinete" e "Roberval".
*/
// Capturando a lista
const lista = document.querySelector('ol') // Pai dos novos itens
// Criação de um novo elemento
const itemBelarmina = document.createElement('li')
// Colocando conteúdo no item
itemBelarmina.textContent = 'Belarmina'
// Atribuindo o novo elemento a um pai
lista.appendChild(itemBelarmina)
const itemLuzinete = document.createElement('li')
itemLuzinete.textContent = 'Luzinete'
lista.appendChild(itemLuzinete)
const itemRoberval = document.createElement('li')
itemRoberval.textContent = 'Roberval'
lista.appendChild(itemRoberval)
/*
2) Insira na lista os itens "Adamastor", "Ildefonso", "Querência" e
"Turíbio", mantendo a ordem alfabética.
*/
const itemAdamastor = document.createElement('li')
itemAdamastor.textContent = 'Adamastor'
lista.insertBefore(itemAdamastor, itemBelarmina)
const itemIldefonso = document.createElement('li')
itemIldefonso.textContent = 'Ildefonso'
lista.insertBefore(itemIldefonso, itemLuzinete)
const itemQuerencia = document.createElement('li')
itemQuerencia.textContent = 'Querência'
lista.insertBefore(itemQuerencia, itemRoberval)
const itemTuribio = document.createElement('li')
itemTuribio.textContent = 'Turíbio'
lista.appendChild(itemTuribio)
/*
3) Insira um título de nível 2 logo abaixo do título de nível 1, com
o texto "Lista de candidatos".
*/
const titulo2 = document.createElement('h2')
titulo2.textContent = 'Lista de candidatos'
document.body.insertBefore(titulo2, lista)
/*
4) Insira um parágrafo abaixo da lista ordenada, com o texto "Irão
para o segundo turno os dois candidatos mais votados.".
*/
const parag = document.createElement('p')
parag.textContent = 'Irão para o segundo turno os dois candidatos mais votados.'
document.body.appendChild(parag)
</script>
</body>
</html>