Apr 27, 2022 · Dec 5, 2021 · Jan 9, 2022 · Jan 9, 2022 · Jan 20, 2022 · Jan 20, 2022
diff --git a/2-ui/1-document/03-dom-navigation/1-dom-children/solution.md b/2-ui/1-document/03-dom-navigation/1-dom-children/solution.md
 There are many ways, for instance:
 Існує багато способів, наприклад:


 The`<div>` DOM node:
 До DOM вузла`<div>`:

 ```js
 document.body.firstElementChild
 //or
 //або
 document.body.children[0]
 //or (the first node is space, so we take 2nd)
 //або (перший вузол -- це пробіл, тому беремо 2-й)
 document.body.childNodes[1]
 ```

 The`<ul>` DOM node:
 До DOM вузла`<ul>`:

 ```js
 document.body.lastElementChild
 //or
 //або
 document.body.children[1]
 ```

 The second `<li>` (with Pete):
 До другого `<li>` (Петро):

 ```js
 //get <ul>,and then get its last element child
 //отримати <ul>,а потім отримати його останній дочірній елемент
 document.body.lastElementChild.lastElementChild
 ```
diff --git a/2-ui/1-document/03-dom-navigation/1-dom-children/task.md b/2-ui/1-document/03-dom-navigation/1-dom-children/task.md

 ---

 #DOM children
 #Діти у DOM

 Look at this page:
 Подивіться на цю сторінку:

 ```html
 <html>
 <body>
  <div>Users:</div>
  <div>Користувачи:</div>
  <ul>
    <li>John</li>
    <li>Pete</li>
    <li>Іван</li>
    <li>Петро</li>
  </ul>
 </body>
 </html>
 ```

 For each of the following, give at least one way of how to access them:
 -The`<div>` DOM node?
 -The`<ul>` DOM node?
 -The second `<li>` (with Pete)?
 Вкажіть принаймні один спосіб доступу до кожного з перелічених нижче DOM вузлів:
 -До DOM вузла`<div>`?
 -До DOM вузла`<ul>`?
 -До другого `<li>` (Петро)?
diff --git a/2-ui/1-document/03-dom-navigation/3-navigation-links-which-null/solution.md b/2-ui/1-document/03-dom-navigation/3-navigation-links-which-null/solution.md
 1.Yes, true. The element`elem.lastChild`is always the last one, it has no `nextSibling`.
 2.No, wrong, because`elem.children[0]`is the first child *among elements*.But there may exist non-element nodes before it. So `previousSibling`may be a text node.
 1.Так, це правда. Елемент`elem.lastChild`завжди останній, у нього немає `nextSibling`.
 2.Ні, це неправда, тому що`elem.children[0]`— перший дочірній *серед елементів*.Але перед ним можуть існувати вузли інших типів. Отже, `previousSibling`може бути, наприклад, текстовим вузлом.

 Please note: for both cases if there are no children, then there will be an error.
 Зверніть увагу: в обох випадках якщо немає дітей, то буде помилка.

 If there are no children, `elem.lastChild`is`null`,so we can't access`elem.lastChild.nextSibling`.And the collection`elem.children`is empty (like an empty array `[]`).
 Якщо дочірніх елементів немає, `elem.lastChild`матиме значення`null`,тому ми не зможемо отримати доступ до`elem.lastChild.nextSibling`.А колекція`elem.children`порожня (як порожній масив `[]`).
diff --git a/2-ui/1-document/03-dom-navigation/3-navigation-links-which-null/task.md b/2-ui/1-document/03-dom-navigation/3-navigation-links-which-null/task.md

 ---

 #The sibling question
 #Питання про сусідів

 If `elem` --is an arbitraryDOMelement node...
 Якщо `elem` --це довільнийDOMелемент...

 -Is it true that`elem.lastChild.nextSibling`is always `null`?
 -Is it true that`elem.children[0].previousSibling`is always`null`?
 -Чи правда що`elem.lastChild.nextSibling`завжди `null`?
 -Чи правда що`elem.children[0].previousSibling`завжди`null`?
diff --git a/2-ui/1-document/03-dom-navigation/4-select-diagonal-cells/solution.md b/2-ui/1-document/03-dom-navigation/4-select-diagonal-cells/solution.md
 We'll be using`rows`and `cells`properties to access diagonal table cells.
 Ми будемо використовувати властивості`rows`та `cells`для доступу до діагональних клітинок таблиці.
diff --git a/2-ui/1-document/03-dom-navigation/4-select-diagonal-cells/task.md b/2-ui/1-document/03-dom-navigation/4-select-diagonal-cells/task.md

 ---

 #Select all diagonal cells
 #Виділіть усі діагональні клітинки

 Write the code to paint all diagonal table cells in red.
 Напишіть код, щоб зафарбувати всі діагональні клітинки таблиці червоним кольором.

 You'll need to get all diagonal `<td>`from the`<table>`and paint them using the code:
 Вам потрібно буде отримати всі діагоналі `<td>`з`<table>`і розфарбувати їх за допомогою коду:

 ```js
 // tdshould be the reference to the table cell
 //уtdмає бути посилання на клітинку таблиці
 td.style.backgroundColor = 'red';
 ```

 The result should be:
 Результат повинен бути таким:

 [iframe src="solution" height=180]
Original file line number	Diff line number	Diff line change
		@@ -1,27 +1,27 @@
		There are many ways, for instance:
		Існує багато способів, наприклад:


		The`<div>` DOM node:
		До DOM вузла`<div>`:

		```js
		document.body.firstElementChild
		//or
		//або
		document.body.children[0]
		//or (the first node is space, so we take 2nd)
		//або (перший вузол -- це пробіл, тому беремо 2-й)
		document.body.childNodes[1]
		```

		The`<ul>` DOM node:
		До DOM вузла`<ul>`:

		```js
		document.body.lastElementChild
		//or
		//або
		document.body.children[1]
		```

		The second `<li>` (with Pete):
		До другого `<li>` (Петро):

		```js
		//get <ul>,and then get its last element child
		//отримати <ul>,а потім отримати його останній дочірній елемент
		document.body.lastElementChild.lastElementChild
		```
Original file line number	Diff line number	Diff line change
Expand Up		@@ -2,23 +2,23 @@ importance: 5

		---

		#DOM children
		#Діти у DOM

		Look at this page:
		Подивіться на цю сторінку:

		```html
		<html>
		<body>
		<div>Users:</div>
		<div>Користувачи:</div>
		<ul>
		<li>John</li>
		<li>Pete</li>
		<li>Іван</li>
		<li>Петро</li>
		</ul>
		</body>
		</html>
		```

		For each of the following, give at least one way of how to access them:
		-The`<div>` DOM node?
		-The`<ul>` DOM node?
		-The second `<li>` (with Pete)?
		Вкажіть принаймні один спосіб доступу до кожного з перелічених нижче DOM вузлів:
		-До DOM вузла`<div>`?
		-До DOM вузла`<ul>`?
		-До другого `<li>` (Петро)?
Original file line number	Diff line number	Diff line change
		@@ -1,6 +1,6 @@
		1.Yes, true. The element`elem.lastChild`is always the last one, it has no `nextSibling`.
		2.No, wrong, because`elem.children[0]`is the first child among elements.But there may exist non-element nodes before it. So `previousSibling`may be a text node.
		1.Так, це правда. Елемент`elem.lastChild`завжди останній, у нього немає `nextSibling`.
		2.Ні, це неправда, тому що`elem.children[0]`— перший дочірній серед елементів.Але перед ним можуть існувати вузли інших типів. Отже, `previousSibling`може бути, наприклад, текстовим вузлом.

		Please note: for both cases if there are no children, then there will be an error.
		Зверніть увагу: в обох випадках якщо немає дітей, то буде помилка.

		If there are no children, `elem.lastChild`is`null`,so we can't access`elem.lastChild.nextSibling`.And the collection`elem.children`is empty (like an empty array `[]`).
		Якщо дочірніх елементів немає, `elem.lastChild`матиме значення`null`,тому ми не зможемо отримати доступ до`elem.lastChild.nextSibling`.А колекція`elem.children`порожня (як порожній масив `[]`).
Original file line number	Diff line number	Diff line change
Expand Up		@@ -2,9 +2,9 @@ importance: 5

		---

		#The sibling question
		#Питання про сусідів

		If `elem` --is an arbitraryDOMelement node...
		Якщо `elem` --це довільнийDOMелемент...

		-Is it true that`elem.lastChild.nextSibling`is always `null`?
		-Is it true that`elem.children[0].previousSibling`is always`null`?
		-Чи правда що`elem.lastChild.nextSibling`завжди `null`?
		-Чи правда що`elem.children[0].previousSibling`завжди`null`?
Original file line number	Diff line number	Diff line change
		@@ -1 +1 @@
		We'll be using`rows`and `cells`properties to access diagonal table cells.
		Ми будемо використовувати властивості`rows`та `cells`для доступу до діагональних клітинок таблиці.
Original file line number	Diff line number	Diff line change
Expand Up		@@ -2,17 +2,17 @@ importance: 5

		---

		#Select all diagonal cells
		#Виділіть усі діагональні клітинки

		Write the code to paint all diagonal table cells in red.
		Напишіть код, щоб зафарбувати всі діагональні клітинки таблиці червоним кольором.

		You'll need to get all diagonal `<td>`from the`<table>`and paint them using the code:
		Вам потрібно буде отримати всі діагоналі `<td>`з`<table>`і розфарбувати їх за допомогою коду:

		```js
		// tdshould be the reference to the table cell
		//уtdмає бути посилання на клітинку таблиці
		td.style.backgroundColor = 'red';
		```

		The result should be:
		Результат повинен бути таким:

		[iframe src="solution" height=180]