задание 1

xcurveballx · xcurveballx · commit 1c2729010aa6 · 2019-07-18T10:51:48.000+03:00
diff --git a/2-ui/1-document/11-coordinates/1-find-point-coordinates/solution.md b/2-ui/1-document/11-coordinates/1-find-point-coordinates/solution.md
@@ -1,8 +1,8 @@
-# Outer corners
+# Внешние углы
 
-Outer corners are basically what we get from  [elem.getBoundingClientRect()](https://developer.mozilla.org/en-US/docs/DOM/element.getBoundingClientRect).
+Координаты внешних углов -- это как раз то, что возвращает функция [elem.getBoundingClientRect()](https://developer.mozilla.org/ru/docs/DOM/element.getBoundingClientRect).
 
-Coordinates of the upper-left corner `answer1` and the bottom-right corner `answer2`:
+Координаты верхнего левого внешнего угла будут в переменной `answer1` и нижнего правого -- в `answer2`:
 
 ```js
 let coords = elem.getBoundingClientRect();
@@ -11,19 +11,19 @@ let answer1 = [coords.left, coords.top];
 let answer2 = [coords.right, coords.bottom];
 ```
 
-# Left-upper inner corner
+# Верхний левый внутренний угол
 
-That differs from the outer corner by the border width. A reliable way to get the distance is `clientLeft/clientTop`:
+Тут значения отличаются на ширину рамки. Надёжный способ получить интересующее значение -- это использовать `clientLeft/clientTop`:
 
 ```js
 let answer3 = [coords.left + field.clientLeft, coords.top + field.clientTop];
 ```
 
-# Right-bottom inner corner
+# Нижний правый внутренний угол
 
-In our case we need to substract the border size from the outer coordinates.
+В нашем случае нужно вычесть размеры рамки из внешних координат.
 
-We could use CSS way:
+Это может быть сделано с помощью CSS:
 
 ```js
 let answer4 = [
@@ -32,7 +32,7 @@ let answer4 = [
 ];
 ```
 
-An alternative way would be to add `clientWidth/clientHeight` to coordinates of the left-upper corner. That's probably even better:
+Другим вариантом решения было бы добавление `clientWidth/clientHeight` к координатам верхнего левого угла. Так даже было бы лучше.
 
 ```js
 let answer4 = [
diff --git a/2-ui/1-document/11-coordinates/1-find-point-coordinates/solution.view/index.html b/2-ui/1-document/11-coordinates/1-find-point-coordinates/solution.view/index.html
@@ -5,18 +5,18 @@
   <meta charset="utf-8">
   <link rel="stylesheet" href="index.css">
   <script>
-    document.onclick = function(e) { // shows click coordinates
+    document.onclick = function(e) { // показывает координаты точки клика
       coords.innerHTML = e.clientX + ':' + e.clientY;
     };
   </script>
 </head>
 
 <body>
 
-  Click anywhere to get window coordinates.
-  <br> That's for testing, to check the result you get by JavaScript.
+  Кликните в любом месте для получения координат в контексте окна.
+  <br> Это для тестирования, чтобы проверить результат, который вы получили с помощью JavaScript.
   <br>
-  <div id="coords">(click coordinates show up here)</div>
+  <div id="coords">(координаты покажутся здесь)</div>
 
 
   <div id="field">
diff --git a/2-ui/1-document/11-coordinates/1-find-point-coordinates/source.view/index.html b/2-ui/1-document/11-coordinates/1-find-point-coordinates/source.view/index.html
@@ -5,18 +5,18 @@
   <meta charset="utf-8">
   <link rel="stylesheet" href="index.css">
   <script>
-    document.onclick = function(e) { // shows click coordinates
+    document.onclick = function(e) { // показывает координаты точки клика
       coords.innerHTML = e.clientX + ':' + e.clientY;
     };
   </script>
 </head>
 
 <body>
 
-  Click anywhere to get window coordinates.
-  <br> That's for testing, to check the result you get by JavaScript.
+  Кликните в любом месте для получения координат в контексте окна.
+  <br> Это для тестирования, чтобы проверить результат, который вы получили с помощью JavaScript.
   <br>
-  <div id="coords">(click coordinates show up here)</div>
+  <div id="coords">(координаты покажутся здесь)</div>
 
 
   <div id="field">
@@ -32,7 +32,7 @@
 
 
   <script>
-    // ...your code...
+    // ...ваш код...
   </script>
 
 </body>
diff --git a/2-ui/1-document/11-coordinates/1-find-point-coordinates/task.md b/2-ui/1-document/11-coordinates/1-find-point-coordinates/task.md
@@ -2,23 +2,23 @@ importance: 5
 
 ---
 
-# Find window coordinates of the field
+# Найдите координаты точек относительно окна браузера
 
-In the iframe below you can see a document with the green "field".
+В ифрейме ниже располагается документ с зелёным "полем".
 
-Use JavaScript to find window coordinates of corners pointed by with arrows.
+Используйте JavaScript, чтобы найти координаты углов, обозначенных стрелками.
 
-There's a small feature implemented in the document for convenience. A click at any place shows coordinates there.
+В документе уже реализован функционал, когда при клике на любом месте показываются соответствующие координаты.
 
 [iframe border=1 height=360 src="source" link edit]
 
-Your code should use DOM to get window coordinates of:
+Ваш код должен при помощи DOM получить четыре пары координат:
 
-1. Upper-left, outer corner (that's simple).
-2. Bottom-right, outer corner (simple too).
-3. Upper-left, inner corner (a bit harder).
-4. Bottom-right, inner corner (there are several ways, choose one).
+1. верхний левый, внешний угол (это просто).
+2. нижний правый, внешний угол (тоже просто).
+3. верхний левый, внутренний угол (чуть сложнее).
+4. нижний правый, внутренний угол (есть несколько способов, выберите один).
 
-The coordinates that you calculate should be the same as those returned by the mouse click.
+Координаты, вычисленные вами, должны совпадать с теми, которые возвращаются по клику мыши.
 
-P.S. The code should also work if the element has another size or border, not bound to any fixed values.
+P.S. Код должен работать, если у элемента другие размеры или есть рамка, без привязки к конкретным числам.
diff --git a/2-ui/1-document/11-coordinates/head.html b/2-ui/1-document/11-coordinates/head.html
@@ -3,7 +3,7 @@
 
 let elem = document.getElementById('coords-show-mark');
 
-// no elem in ebook mode
+// в режиме чтения elem не существует
 if (elem) {
   elem.onclick = function() {
 
