java-script-udemi/script.js at main · Mery0185/java-script-udemi · GitHub

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
// console.log(document.head);
// console.log(document.documentElement);
// console.log(document.body.childNodes);
// console.log(document.body.firstChild);
// console.log(document.body.lastChild);
// console.log(document.body.firstElementChild);

// console.log(document.querySelector("#current").parentNode);
// console.log(document.querySelector("#current").parentNode.parentNode);
// console.log(document.querySelector("#current").parentElement);

// console.log(document.querySelector('[data-current="3"]').nextSibling);
// console.log(document.querySelector('[data-current="3"]').previousSibling);
// console.log(
//   document.querySelector('[data-current="3"]').previousElementSibling
// );

// for (let node of document.body.childNodes) {
//   if (node.nodeName == "#text") {
//     continue;
//   }
//   console.log(node);
// }

//ClassList

// const btns = document.querySelectorAll("button");
// const wrapper = document.querySelector(".btn-block");
// console.log(btns[0].classList.length);
// console.log(btns[0].classList.item(0)); //позволяет получить класс который расположен под определённым индексом
// console.log(btns[1].classList.add("red")); //+ класс
// console.log(btns[0].classList.remove("red")); //удаляет класс
// console.log(btns[0].classList.toggle("red")); //убирает класс если он есть на элементе и добавляет класс если его нет

// if (btns[1].classList.contains("red")) {
//   console.log("red");
// }

// btns[0].addEventListener("click", () => {
//   //   if (!btns[1].classList.contains("red")) {
//   //     btns[1].classList.add("red");
//   //   } else {
//   //     btns[1].classList.remove("red");
//   //   }

//   btns[1].classList.toggle("red");
// });

// console.log(btns[0].className);
// wrapper.addEventListener("click", (event) => {
//   if (event.target && event.target.matches("button.red")) {
//     console.log("Hello");
//   }
// });

// // btns.forEach((btn) => {
// //   btn.addEventListener("click", () => {
// //     console.log("Hello");
// //   });
// // });

// const btn = document.createElement("button");
// btn.classList.add("red");
// wrapper.append(btn);