Apply suggestions from code review

tarasyyyk · web-flow · commit b1f74dcc20bc · 2022-04-26T22:56:01.000+03:00
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,6 +1,6 @@
-1. &#1058;&#1072;&#1082;, &#1094;&#1077; &#1087;&#1088;&#1072;&#1074;&#1076;&#1072;. &#1045;&#1083;&#1077;&#1084;&#1077;&#1085;&#1090; `elem.lastChild` &#1079;&#1072;&#1074;&#1078;&#1076;&#1080; &#1108; &#1086;&#1089;&#1090;&#1072;&#1085;&#1085;&#1110;&#1084;, &#1091; &#1085;&#1100;&#1086;&#1075;&#1086; &#1085;&#1077;&#1084;&#1072;&#1108; `nextSibling`.
-2. &#1053;&#1110;, &#1094;&#1077; &#1085;&#1077;&#1087;&#1088;&#1072;&#1074;&#1076;&#1072;, &#1090;&#1086;&#1084;&#1091; &#1097;&#1086; `elem.children[0]` &#1108; &#1087;&#1077;&#1088;&#1096;&#1080;&#1084; &#1076;&#1086;&#1095;&#1110;&#1088;&#1085;&#1110;&#1084; *&#1089;&#1077;&#1088;&#1077;&#1076; &#1077;&#1083;&#1077;&#1084;&#1077;&#1085;&#1090;&#1110;&#1074;*. &#1040;&#1083;&#1077; &#1087;&#1077;&#1088;&#1077;&#1076; &#1085;&#1080;&#1084; &#1084;&#1086;&#1078;&#1091;&#1090;&#1100; &#1110;&#1089;&#1085;&#1091;&#1074;&#1072;&#1090;&#1080;  &#1074;&#1091;&#1079;&#1083;&#1080; &#1110;&#1085;&#1096;&#1080;&#1093; &#1090;&#1080;&#1087;&#1110;&#1074;. &#1054;&#1090;&#1078;&#1077;, `previousSibling` &#1084;&#1086;&#1078;&#1077; &#1073;&#1091;&#1090;&#1080;, &#1085;&#1072;&#1087;&#1088;&#1080;&#1082;&#1083;&#1072;&#1076;, &#1090;&#1077;&#1082;&#1089;&#1090;&#1086;&#1074;&#1080;&#1084; &#1074;&#1091;&#1079;&#1083;&#1086;&#1084;.
+1. &#1058;&#1072;&#1082;, &#1094;&#1077; &#1087;&#1088;&#1072;&#1074;&#1076;&#1072;. &#1045;&#1083;&#1077;&#1084;&#1077;&#1085;&#1090; `elem.lastChild` &#1079;&#1072;&#1074;&#1078;&#1076;&#1080; &#1086;&#1089;&#1090;&#1072;&#1085;&#1085;&#1110;&#1081;, &#1091; &#1085;&#1100;&#1086;&#1075;&#1086; &#1085;&#1077;&#1084;&#1072;&#1108; `nextSibling`.
+2. &#1053;&#1110;, &#1094;&#1077; &#1085;&#1077;&#1087;&#1088;&#1072;&#1074;&#1076;&#1072;, &#1090;&#1086;&#1084;&#1091; &#1097;&#1086; `elem.children[0]` &mdash; &#1087;&#1077;&#1088;&#1096;&#1080;&#1081; &#1076;&#1086;&#1095;&#1110;&#1088;&#1085;&#1110;&#1081; *&#1089;&#1077;&#1088;&#1077;&#1076; &#1077;&#1083;&#1077;&#1084;&#1077;&#1085;&#1090;&#1110;&#1074;*. &#1040;&#1083;&#1077; &#1087;&#1077;&#1088;&#1077;&#1076; &#1085;&#1080;&#1084; &#1084;&#1086;&#1078;&#1091;&#1090;&#1100; &#1110;&#1089;&#1085;&#1091;&#1074;&#1072;&#1090;&#1080; &#1074;&#1091;&#1079;&#1083;&#1080; &#1110;&#1085;&#1096;&#1080;&#1093; &#1090;&#1080;&#1087;&#1110;&#1074;. &#1054;&#1090;&#1078;&#1077;, `previousSibling` &#1084;&#1086;&#1078;&#1077; &#1073;&#1091;&#1090;&#1080;, &#1085;&#1072;&#1087;&#1088;&#1080;&#1082;&#1083;&#1072;&#1076;, &#1090;&#1077;&#1082;&#1089;&#1090;&#1086;&#1074;&#1080;&#1084; &#1074;&#1091;&#1079;&#1083;&#1086;&#1084;.
 
 &#1047;&#1074;&#1077;&#1088;&#1085;&#1110;&#1090;&#1100; &#1091;&#1074;&#1072;&#1075;&#1091;: &#1074; &#1086;&#1073;&#1086;&#1093; &#1074;&#1080;&#1087;&#1072;&#1076;&#1082;&#1072;&#1093; &#1103;&#1082;&#1097;&#1086; &#1085;&#1077;&#1084;&#1072;&#1108; &#1076;&#1110;&#1090;&#1077;&#1081;, &#1090;&#1086; &#1073;&#1091;&#1076;&#1077; &#1087;&#1086;&#1084;&#1080;&#1083;&#1082;&#1072;.
 
-&#1071;&#1082;&#1097;&#1086; &#1076;&#1086;&#1095;&#1110;&#1088;&#1085;&#1110;&#1093; &#1077;&#1083;&#1077;&#1084;&#1077;&#1085;&#1090;&#1110;&#1074; &#1085;&#1077;&#1084;&#1072;&#1108;, `elem.lastChild` &#1084;&#1072;&#1108; &#1079;&#1085;&#1072;&#1095;&#1077;&#1085;&#1085;&#1103; `null`, &#1090;&#1086;&#1084;&#1091; &#1084;&#1080; &#1085;&#1077; &#1084;&#1086;&#1078;&#1077;&#1084;&#1086; &#1086;&#1090;&#1088;&#1080;&#1084;&#1072;&#1090;&#1080; &#1076;&#1086;&#1089;&#1090;&#1091;&#1087; &#1076;&#1086; `elem.lastChild.nextSibling`. &#1040; &#1082;&#1086;&#1083;&#1077;&#1082;&#1094;&#1110;&#1103; `elem.children` &#1087;&#1086;&#1088;&#1086;&#1078;&#1085;&#1103; (&#1103;&#1082; &#1087;&#1086;&#1088;&#1086;&#1078;&#1085;&#1110;&#1081; &#1084;&#1072;&#1089;&#1080;&#1074; `[]`).
+&#1071;&#1082;&#1097;&#1086; &#1076;&#1086;&#1095;&#1110;&#1088;&#1085;&#1110;&#1093; &#1077;&#1083;&#1077;&#1084;&#1077;&#1085;&#1090;&#1110;&#1074; &#1085;&#1077;&#1084;&#1072;&#1108;, `elem.lastChild` &#1084;&#1072;&#1090;&#1080;&#1084;&#1077; &#1079;&#1085;&#1072;&#1095;&#1077;&#1085;&#1085;&#1103; `null`, &#1090;&#1086;&#1084;&#1091; &#1084;&#1080; &#1085;&#1077; &#1079;&#1084;&#1086;&#1078;&#1077;&#1084;&#1086; &#1086;&#1090;&#1088;&#1080;&#1084;&#1072;&#1090;&#1080; &#1076;&#1086;&#1089;&#1090;&#1091;&#1087; &#1076;&#1086; `elem.lastChild.nextSibling`. &#1040; &#1082;&#1086;&#1083;&#1077;&#1082;&#1094;&#1110;&#1103; `elem.children` &#1087;&#1086;&#1088;&#1086;&#1078;&#1085;&#1103; (&#1103;&#1082; &#1087;&#1086;&#1088;&#1086;&#1078;&#1085;&#1110;&#1081; &#1084;&#1072;&#1089;&#1080;&#1074; `[]`).
diff --git a/2-ui/1-document/03-dom-navigation/article.md b/2-ui/1-document/03-dom-navigation/article.md
@@ -25,7 +25,7 @@ DOM &#1076;&#1086;&#1079;&#1074;&#1086;&#1083;&#1103;&#1108; &#1085;&#1072;&#1084; &#1088;&#1086;&#1073;&#1080;&#1090;&#1080; &#1073;&#1091;&#1076;&#1100;-&#1097;&#1086; &#1079; &#1077;&#1083;&#1077;&#1084;&#1077;&#1085;&#1090;&#1072;&#1084;&#1080; 
 : &#1053;&#1072;&#1081;&#1074;&#1080;&#1097;&#1080;&#1081; &#1074;&#1091;&#1079;&#1086;&#1083; &#1076;&#1086;&#1082;&#1091;&#1084;&#1077;&#1085;&#1090;&#1072; -- `document.documentElement`. &#1062;&#1077; &#1074;&#1091;&#1079;&#1086;&#1083; DOM &#1090;&#1077;&#1075;&#1091; `<html>`.
 
 `<body>` = `document.body`
-: &#1030;&#1085;&#1096;&#1080;&#1084; &#1096;&#1080;&#1088;&#1086;&#1082;&#1086; &#1074;&#1080;&#1082;&#1086;&#1088;&#1080;&#1089;&#1090;&#1086;&#1074;&#1091;&#1074;&#1072;&#1085;&#1080;&#1084; &#1074;&#1091;&#1079;&#1083;&#1086;&#1084; DOM &#1108; &#1077;&#1083;&#1077;&#1084;&#1077;&#1085;&#1090; `<body>` -- `document.body`.
+: &#1044;&#1083;&#1103; &#1076;&#1086;&#1089;&#1090;&#1091;&#1087;&#1091; &#1076;&#1086; DOM &#1074;&#1091;&#1079;&#1083;&#1091; `<body>` &#1095;&#1072;&#1089;&#1090;&#1086; &#1074;&#1080;&#1082;&#1086;&#1088;&#1080;&#1089;&#1090;&#1086;&#1074;&#1091;&#1102;&#1090;&#1100; &#1077;&#1083;&#1077;&#1084;&#1077;&#1085;&#1090; -- `document.body`.
 
 `<head>` = `document.head`
 : &#1058;&#1077;&#1075; `<head>` &#1076;&#1086;&#1089;&#1090;&#1091;&#1087;&#1085;&#1080;&#1081; &#1103;&#1082; `document.head`.

-Original file line number
+Diff line change
@@ @@ -1,6 +1,6 @@ @@
 -1. Так, це правда. Елемент `elem.lastChild` завжди є останнім, у нього немає `nextSibling`.
 -2. Ні, це неправда, тому що `elem.children[0]` є першим дочірнім *серед елементів*. Але перед ним можуть існувати  вузли інших типів. Отже, `previousSibling` може бути, наприклад, текстовим вузлом.
 +1. Так, це правда. Елемент `elem.lastChild` завжди останній, у нього немає `nextSibling`.
 +2. Ні, це неправда, тому що `elem.children[0]` — перший дочірній *серед елементів*. Але перед ним можуть існувати вузли інших типів. Отже, `previousSibling` може бути, наприклад, текстовим вузлом.
 Зверніть увагу: в обох випадках якщо немає дітей, то буде помилка.
 -Якщо дочірніх елементів немає, `elem.lastChild` має значення `null`, тому ми не можемо отримати доступ до `elem.lastChild.nextSibling`. А колекція `elem.children` порожня (як порожній масив `[]`).
 +Якщо дочірніх елементів немає, `elem.lastChild` матиме значення `null`, тому ми не зможемо отримати доступ до `elem.lastChild.nextSibling`. А колекція `elem.children` порожня (як порожній масив `[]`).