Skip to content

Commit 92ec11f

Browse files
committed
fixes 1
1 parent 4ebc8cf commit 92ec11f

File tree

4 files changed

+18
-18
lines changed

4 files changed

+18
-18
lines changed

2-ui/4-forms-controls/3-events-change-input/1-deposit-calculator/solution.view/index.html

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -34,7 +34,7 @@
3434
</td>
3535
</tr>
3636
<tr>
37-
<td>Сколько месяцев?</td>
37+
<td>Срок вклада?</td>
3838
<td>
3939
<select name="months">
4040
<option value="3">3 (минимум)</option>
@@ -49,7 +49,7 @@
4949
</td>
5050
</tr>
5151
<tr>
52-
<td>Проценты в год?</td>
52+
<td>Годовая процентная ставка?</td>
5353
<td>
5454
<input name="interest" type="number" value="5" required>
5555
</td>

2-ui/4-forms-controls/3-events-change-input/1-deposit-calculator/source.view/index.html

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -34,7 +34,7 @@
3434
</td>
3535
</tr>
3636
<tr>
37-
<td>Сколько месяцев?</td>
37+
<td>Срок вклада?</td>
3838
<td>
3939
<select name="months">
4040
<option value="3">3 (минимум)</option>
@@ -49,7 +49,7 @@
4949
</td>
5050
</tr>
5151
<tr>
52-
<td>Проценты в год?</td>
52+
<td>Годовая процентная ставка?</td>
5353
<td>
5454
<input name="interest" type="number" value="5" required>
5555
</td>

2-ui/4-forms-controls/3-events-change-input/1-deposit-calculator/task.md

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -4,18 +4,18 @@
44

55
# Депозитный калькулятор
66

7-
Создайте интерфейс, позволяющий ввести сумму банковского вклада и процент, а затем рассчитать, сколько он будет через заданные промежутки времени.
7+
Создайте интерфейс, позволяющий ввести сумму банковского вклада и процент, а затем рассчитать, какая это будет сумма через заданный промежуток времени.
88

99
Демо-версия:
1010

1111
[iframe src="solution" height="350" border="1"]
1212

13-
Любое изменение входа должно быть обработано немедленно.
13+
Любое изменение введённых данных должно быть обработано немедленно.
1414

1515
Формула:
1616
```js
1717
// initial: начальная сумма денег
18-
// interest: проценты, например, 0,05 означает 5% в год
18+
// interest: проценты, например, 0.05 означает 5% в год
1919
// years: сколько лет ждать
2020
let result = Math.round(initial * (1 + interest * years));
2121
```

2-ui/4-forms-controls/3-events-change-input/article.md

Lines changed: 11 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -4,18 +4,18 @@
44

55
## Событие: change
66

7-
Событие [change] (http://www.w3.org/TR/html5/forms.html#event-input-change) срабатывает по окончании изменения элемента.
7+
Событие [change](http://www.w3.org/TR/html5/forms.html#event-input-change) срабатывает по окончании изменения элемента.
88

9-
Для текстовых инпутов это означает, что событие происходит при потере фокуса.
9+
Для текстовых полей это означает, что событие происходит при потере фокуса.
1010

11-
Например, пока мы печатаем в текстовом поле в примере ниже, события нет. Но когда мы перемещаем фокус, например, в другое место, нажмите на кнопку - произойдёт событие `change`:
11+
Пока мы печатаем в текстовом поле в примере ниже, событие не происходит. Но когда мы перемещаем фокус в другое место, например, нажимая на кнопку, то произойдёт событие `change`:
1212

1313
```html autorun height=40 run
1414
<input type="text" onchange="alert(this.value)">
1515
<input type="button" value="Button">
1616
```
1717

18-
Для других элементов: `select`, `input type=checkbox/radio` событие запускается сразу после изменения выбора.
18+
Для других элементов: `select`, `input type=checkbox/radio` событие запускается сразу после изменения значения.
1919

2020
## Событие: input
2121

@@ -34,7 +34,7 @@
3434

3535
Если мы хотим обрабатывать каждое изменение в `<input>`, то это событие является лучшим выбором.
3636

37-
В отличие от клавиатурных событий, он работает при любых изменениях значений, даже если они не связаны с клавиатурными действиями: вставка с помощью мыши или распознавание речи для диктата текста.
37+
В отличие от событий клавиатуры, оно работает при любых изменениях значений, даже если они не связаны с клавиатурными действиями: вставка с помощью мыши или распознавание речи при диктовке текста.
3838

3939
```smart header="Нельзя ничего предотвратить в `oninput`"
4040
Событие `input` происходит после изменения значения.
@@ -44,11 +44,11 @@
4444
4545
## События: cut, copy, paste
4646
47-
Эти события происходят при вырезании/копировании/вставке значения.
47+
Эти события происходят при при вырезании/копировании/вставке данных.
4848
49-
Они относятся к классу [ClipboardEvent] (https://www.w3.org/TR/clipboard-apis/#clipboard-event-interfaces) и обеспечивают доступ к копируемым/вставляемым данным.
49+
Они относятся к классу [ClipboardEvent](https://www.w3.org/TR/clipboard-apis/#clipboard-event-interfaces) и обеспечивают доступ к копируемым/вставляемым данным.
5050
51-
Мы также можем использовать `event.preventDefault()` для прерывания действия.
51+
Мы также можем использовать `event.preventDefault()` для предотвращения действия по умолчанию.
5252
5353
Например, код, приведённый ниже, предотвращает все подобные события и показывает, что мы пытаемся вырезать/копировать/вставить:
5454
@@ -62,18 +62,18 @@
6262
</script>
6363
```
6464

65-
Технически, мы можем скопировать/вставить всё. Например, мы можем скопировать файл в файловый менеджер ОС и вставить его.
65+
Технически, мы можем скопировать/вставить всё. Например, мы можем скопировать файл из файловой системы и вставить его.
6666

6767
Существует список методов [в спецификации] (https://www.w3.org/TR/clipboard-apis/#dfn-datatransfer) для работы с различными типами данных, чтения/записи в буфер обмена.
6868

69-
Но обратите внимание, что буфер обмена - это "глобальный" уровень ОС. Большинство браузеров разрешают доступ на чтение/запись в буфер обмена только в рамках определённых действий пользователя для безопасности. Также запрещается создавать "пользовательские" события буфера обмена во всех браузерах, кроме Firefox.
69+
Но обратите внимание, что буфер обмена работает глобально, на уровне ОС. Большинство браузеров в целях безопасности разрешают доступ на чтение/запись в буфер обмена только в рамках определённых действий пользователя. Также запрещается создавать "пользовательские" события буфера обмена во всех браузерах, кроме Firefox.
7070

7171
## Итого
7272

7373
События изменения данных:
7474

7575
| Событие | Описание | Особенности |
7676
|---------|----------|-------------|
77-
| `change`| Значение было изменено. | Для текстовых входов срабатывает при потере фокуса. |
77+
| `change`| Значение было изменено. | Для текстовых полей срабатывает при потере фокуса. |
7878
| `input` | Для ввода текста при каждом изменении. | Запускается немедленно, в отличие от `change`. |
7979
| `cut/copy/paste` | Действия по вырезанию/копированию/вставке. | Действие можно предотвратить. Свойство `event.clipboardData` предоставляет доступ на чтение/запись в буфер обмена.. |

0 commit comments

Comments
 (0)