Все отлично
Информация о работе
Подробнее о работе
Практическая работа. 27 Передача DOM элемента параметром функции
- 1 страниц
- 2020 год
- 1 просмотр
- 0 покупок
Гарантия сервиса Автор24
Уникальность не ниже 50%
Фрагменты работ
27. Передача DOM элемента параметром функции
Задача 1.
Есть абзац с каким-то текстом и кнопка. Сделайте функцию appendText, которая первым параметром будет принимать DOM элемент (абзац), а вторым - текст: "Новый текст". Сделайте так, чтобы при нажатии кнопки, данная функция добавляла текст в конец этого элемента после пробела.
Задача 2. (Аналогично предыдущей чуть сложнее)
Есть пустой текстовый инпут, кнопка и абзац с каким-то начальным текстом. Пользователь вводит в инпут произвольный текст. Сделайте функцию appendText, которая первым параметром будет принимать элемент абзаца, а вторым - текст из инпута. Сделайте так, чтобы при нажатии кнопки, данная функция добавляла текст из инпута в конец абзаца после пробела.
Задача 3 (слегка сложноватая).
Даны три абзаца с разными текстами и кнопка. При нажатии кнопки - получите абзацы, переберите их циклом и каждому добавьте в конец '!' с помощью функции appendText, сделанной в первой задаче.
Задача 4.
Есть пустой текстовый инпут. Сделайте функцию setValue, которая первым параметром будет принимать ссылку на инпут, а вторым - текст: "Введите текст ...". Сделайте так чтобы, при клике на инпут, данная функция устанавливала переданный текст в value инпута.
Передача группы DOM элементов параметрами функций
Задача 5.
Есть три абзаца с разными текстами и кнопка.
Сделайте функцию appendText, которая первым параметром будет принимать массив DOM элементов (абзацев), а вторым - текст: '***'. Сделайте так чтобы при нажатии кнопки, данная функция добавляла текст в конец переданных элементов.
Задача 6.
Есть список с тремя пунктами и кнопка. Сделайте функцию appendElem, которая первым параметром будет принимать ссылку DOM элемент списка , а вторым - текст: "Новый пункт". Сделайте так чтобы, при нажатии кнопки, данная функция создавала новый пункт списка с переданным текстом и добавляла его в конец переданного списка .
Задача 7.
Дан массив канцелярских товаров: ["карандаш", 'ручка', 'линейка', 'степлер', 'ножницы'], пустой список ol и кнопка. С помощью функции appendElem, созданной в предыдущей задаче, при нажатии кнопки, запишите каждый элемент массива в отдельную li в этом ol. (Функция appendElem меняться не должна)
Форма заказа новой работы
Не подошла эта работа?
Закажи новую работу, сделанную по твоим требованиям
