update article

Author: dandgerson

2-ui/2-events/03-event-delegation/article.md

@@ -101,7 +101,7 @@ table.onclick = function(event) {
 
 Разберём пример:
 1. Метод `elem.closest(selector)` возвращает ближайшего предка, соответствующего селектору. В данном случае нам нужен `<td>`, находящийся выше по дереву от исходного элемента.
-2. Если `event.target` не содержит элементов `<td>`, то вызов вернёт `null`, и ничего не произойдёт.
+2. Если `event.target` не содержится внутри элемента `<td>`, то вызов вернёт `null`, и ничего не произойдёт.
 3. Если таблицы вложенные, `event.target` может содержать элемент `<td>`, находящийся вне текущей таблицы. В таких случаях мы должны проверить действительно ли это `<td>` *нашей таблицы*.
 4. И если это так, то подсвечиваем его.
 
@@ -113,7 +113,7 @@ table.onclick = function(event) {
 
 Например, нам нужно сделать меню с разными кнопками: "Сохранить", "Загрузить", "Поиск" и т.д. И есть объект с соответствующими методами `save`, `load`, `search`....
 
-Первое, что может прийти в голову – это найти каждую кнопку и назначить ей свой обработчик среди методов объекта. Но существует более элегантное решение. Мы можем добавить один обработчик для всего меню и атрибуты `data-action` для каждой кнопки в соответствии с названиями методов, которые они вызывают:
+Первое, что может прийти в голову – это найти каждую кнопку и назначить ей свой обработчик среди методов объекта. Но существует более элегантное решение. Мы можем добавить один обработчик для всего меню и атрибуты `data-action` для каждой кнопки в соответствии с методами, которые они вызывают:
 
 ```html
 <button *!*data-action="save"*/!*>Нажмите, чтобы Сохранить</button>
@@ -176,7 +176,7 @@ table.onclick = function(event) {
 
 Делегирование событий можно использовать для добавления элементам "поведения" (behavior), *декларативно* задавая хитрые обработчики установкой специальных HTML-атрибутов и классов.
 
-Приём проектирования «поведение» состоит из двух частей:
+Приём проектирования "поведение" состоит из двух частей:
 1. Элементу ставится атрибут, описывающий его поведение.
 2. При помощи делегирования ставится обработчик на документ, который ловит все клики и, если элемент имеет нужный атрибут -- производит нужное действие.
 
@@ -209,7 +209,7 @@ One more counter: <input type="button" value="2" data-counter>
 Для реального проекта совершенно нормально иметь много обработчиков на элементе `document`, установленных из разных частей кода.
 ```
 
-### Пример "Тумблер" (Toggler)
+### Пример "Переключатель" (Toggler)
 
 Ещё один пример. Сделаем так, что при клике на элемент с атрибутом `data-toggle-id` будет скрываться/показываться элемент с заданным `id`: