Skip to content

Commit 58d019c

Browse files
luizehluizeh
committed
seção 22 e 23 adicionadas (curso udemy finalizado)
1 parent cc4c628 commit 58d019c

33 files changed

Lines changed: 477 additions & 5 deletions

File tree

‎Curso-Udemy/Seção22 - intermediário DOM/aula196-197/estilo.css‎

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
.destaque{
2+
background-color: red;
3+
}

Curso-Udemy/Seção22 - intermediário DOM/aula196/index.html renamed to Curso-Udemy/Seção22 - intermediário DOM/aula196-197/index.html

Lines changed: 9 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -4,15 +4,19 @@
44
<meta charset="UTF-8">
55
<meta name="viewport" content="width=device-width, initial-scale=1.0">
66
<title>Selecionando elementos</title>
7-
<link rel="stylesheet" href="style.css">
7+
<link rel="stylesheet" href="estilo.css">
88
</head>
99
<body>
1010
<div id="destaque">Área de conteúdo</div>
11+
<div id="destaque">Área de conteúdo2</div>
12+
1113
<h1 class="vermelho">Título do site</h1>
1214
<p>Subtitulo</p>
13-
14-
<script>
15-
const CITYBOY = document.querySelector(".vermelho")
16-
</script>
15+
<ul>
16+
<li class="primeiro">item 1</li>
17+
<li>item 2</li>
18+
<button onclick="mudar()">Clique aqui</button>
19+
</ul>
20+
<script src="script.js"> </script>
1721
</body>
1822
</html>

‎Curso-Udemy/Seção22 - intermediário DOM/aula196-197/script.js‎

Lines changed: 27 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,27 @@
1+
//const obj = document.getElementById('destaque')
2+
const obj = document.querySelector('#destaque')
3+
console.log(typeof obj)
4+
5+
function mudar(){
6+
let txt = document.querySelector('.primeiro')
7+
txt.innerHTML = "teste"
8+
txt.classList.add("destaque")
9+
}
10+
11+
//////////////////////////
12+
const list = document.getElementsByTagName('li')
13+
// for(let i=0; i < obj.clientHeight; i++){
14+
// console.log(list[i].textContent)
15+
// }
16+
17+
const lista = Array.from(list)
18+
const funcao = function(item,i){
19+
console.log(item)
20+
}
21+
lista.forEach(funcao)
22+
23+
///////////////////////
24+
25+
let classe = document.getElementsByClassName('vermelho')
26+
console.log(classe)
27+

‎Curso-Udemy/Seção22 - intermediário DOM/aula196/estilo.css‎

Whitespace-only changes.

‎Curso-Udemy/Seção22 - intermediário DOM/aula197/estilo.css‎

Whitespace-only changes.

‎Curso-Udemy/Seção22 - intermediário DOM/aula197/index.html‎

Whitespace-only changes.

‎Curso-Udemy/Seção22 - intermediário DOM/aula198/index.html‎

Lines changed: 22 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,22 @@
1+
<!doctype html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8" />
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
6+
<title>Selecionando elementos</title>
7+
<link rel="stylesheet" href="estilo.css" />
8+
</head>
9+
<body>
10+
<form name="cadastro">
11+
<input type="text" name="nome" />
12+
<input type="text" name="sobrenome" />
13+
<select name="sexo">
14+
<option value="">---</option>
15+
<option value="M">masculino</option>
16+
<option value="F">feminino</option>
17+
</select>
18+
</form>
19+
<button onclick="acao()">clica</button>
20+
<script src="script.js"></script>
21+
</body>
22+
</html>

‎Curso-Udemy/Seção22 - intermediário DOM/aula198/script.js‎

Lines changed: 17 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,17 @@
1+
const obj =document.getElementsByName('cadastro')
2+
// console.log(document.forms)
3+
// console.log(document.cadastro)
4+
// console.log(document.cadastro.sexo)
5+
// document.cadastro.nome.value = "jamilton"
6+
7+
function acao(){
8+
// document.cadastro.sexo.value = "M"
9+
// document.cadastro.nome.value = "Rafael"
10+
// document.cadastro.sobrenome.value = "Pagotti"
11+
let nome = document.cadastro.nome.value
12+
let sobrenome = document.cadastro.sobrenome.value
13+
let sexo = document.cadastro.sexo.value
14+
console.log(nome)
15+
console.log(sobrenome)
16+
console.log(sexo)
17+
}

‎Curso-Udemy/Seção22 - intermediário DOM/aula199/index.html‎

Lines changed: 20 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,20 @@
1+
<!doctype html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8" />
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
6+
<title>Selecionando elementos</title>
7+
<link rel="stylesheet" href="estilo.css" />
8+
</head>
9+
<body>
10+
<div id="pai">irmão anterior</div>
11+
<div id="itens">
12+
<p>1 elemento</p>
13+
<p>2 elemento</p>
14+
<p>3 elemento</p>
15+
<p>4 elemento</p>
16+
</div>
17+
<div>Próximo irmão</div>
18+
<script src="script.js"></script>
19+
</body>
20+
</html>

‎Curso-Udemy/Seção22 - intermediário DOM/aula199/script.js‎

Lines changed: 18 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,18 @@
1+
const lista = document.querySelector('#itens')
2+
console.log(lista)
3+
console.log(lista.parentNode)
4+
console.log(lista.childNodes[3])
5+
6+
console.log(lista.firstCHild)
7+
console.log(lista.lastChild)
8+
9+
console.log(lista.nextSibling)
10+
console.log(lista.previousSibling)
11+
12+
console.log(lista.children)
13+
14+
console.log(lista.firstElementChild)
15+
console.log(lista.lastElementChild)
16+
17+
console.log(lista.nextElementSibling)
18+
console.log(lista.previousElementSibling)

0 commit comments

Comments
 (0)