Skip to content

Form properties and methods #308

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 8 commits into from
Feb 3, 2022
Merged

Form properties and methods #308

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
8 commits
Select commit Hold shift + click to select a range
647267e
# Form properties and methods
jeneg Feb 3, 2022
c2567dc
# Form properties and methods
jeneg Feb 3, 2022
79b38ad
Update 2-ui/4-forms-controls/1-form-elements/article.md
MykolaSopiha Feb 3, 2022
973b838
Update 2-ui/4-forms-controls/1-form-elements/article.md
MykolaSopiha Feb 3, 2022
f36fb71
Update 2-ui/4-forms-controls/1-form-elements/article.md
MykolaSopiha Feb 3, 2022
3011464
Update 2-ui/4-forms-controls/1-form-elements/article.md
MykolaSopiha Feb 3, 2022
8aba5d9
Update 2-ui/4-forms-controls/1-form-elements/article.md
MykolaSopiha Feb 3, 2022
f8b92ca
Update 2-ui/4-forms-controls/1-form-elements/article.md
MykolaSopiha Feb 3, 2022
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
8 changes: 4 additions & 4 deletions 2-ui/4-forms-controls/1-form-elements/1-add-select-option/solution.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,9 +1,9 @@
The solution, step by step:
Рішення, крок за кроком:

```html run
<select id="genres">
<option value="rock">Rock</option>
<option value="blues" selected>Blues</option>
<option value="rock">Рок</option>
<option value="blues" selected>Блюз</option>
</select>

<script>
Expand All @@ -12,7 +12,7 @@ The solution, step by step:
alert( selectedOption.value );

// 2)
let newOption = new Option("Classic", "classic");
let newOption = new Option("Класика", "classic");
genres.append(newOption);

// 3)
Expand Down
18 changes: 9 additions & 9 deletions 2-ui/4-forms-controls/1-form-elements/1-add-select-option/task.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,21 +2,21 @@ importance: 5

---

# Add an option to select
# Додайте нову опцію до елемента `<select>`

There's a `<select>`:
Маємо `<select>`:

```html
<select id="genres">
<option value="rock">Rock</option>
<option value="blues" selected>Blues</option>
<option value="rock">Рок</option>
<option value="blues" selected>Блюз</option>
</select>
```

Use JavaScript to:
Використовуючи JavaScript:

1. Show the value and the text of the selected option.
2. Add an option: `<option value="classic">Classic</option>`.
3. Make it selected.
1. Виведіть значення та текст обраної опції.
2. Додайте опцію: `<option value="classic">Класика</option>`.
3. Зробіть її обраною.

Note, if you've done everything right, your alert should show `blues`.
Зверніть увагу: якщо ви все зробили правильно, то ваше сповіщення має показати значення `blues`.
Loading