123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081 |
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- <title>Home work 4</title>
- <script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
- <script type="text/javascript" src="script.js"></script>
- </head>
- <body>
-
- <div class="task">
- <h2>Задача 1</h2>
- <p>Создайте смешанный массив, например [1, 2, 3, ‘a’, ‘b’, ‘c’, ‘4’, ‘5’, ‘6’]. Посчитайте сумму всех его чисел, включая строковые. Выведите сумму в alert.</p>
- <div class="button" onclick="exercises(1)">Запустить задачку</div>
- </div>
- <div class="task">
- <h2>Задача 2</h2>
- <p>Сгенерируйте массив из N случайных чисел с двумя знаками после запятой. Затем переберите массив и распечатайте в консоли значения его элементов, возведенные в пятую степень, используя вложенные циклы.</p>
- <div class="button" onclick="exercises(2)">Запустить задачку</div>
- </div>
- <div class="task">
- <h2>Задача 3</h2>
- <p>Создайте пустой массив. В цикле до n на каждой итерации запускайте prompt для ввода любых символов, полученное значение добавляйте в конец созданного массива. После выхода из цикла посчитайте сумму всех чисел массива и выведите в alert полученный результат.</p>
- <div class="button" onclick="exercises(3)">Запустить задачку</div>
- </div>
- <div class="task">
- <h2>Задача 4</h2>
- <p>Создайте массив со значениями: ‘AngularJS’, ‘jQuery’.<br>
- Добавьте в начало массива значение ‘Backbone.js’<br>
- Добавьте в конец массива значения ‘ReactJS’ и ‘Vue.js’<br>
- Добавьте в массив значение ‘CommonJS’ вторым элементом<br>
- Найдите и удалите из массива значение ‘jQuery’, выведите его в alert со словами “Это здесь лишнее”</p>
- <div class="button" onclick="exercises(4)">Запустить задачку</div>
- </div>
- <div class="task">
- <h2>Задача 5</h2>
- <p>Создайте строку с текстом ‘Как однажды Жак звонарь сломал городской фонарь’. Разбейте ее на массив слов, и переставьте слова в правильном порядке с помощью любых методов массива (indexOf, splice ...). Затем объедините элементы массива в строку и выведите в alert исходный и итоговый варианты.</p>
- <div class="button" onclick="exercises(5)">Запустить задачку</div>
- </div>
- <div class="task">
- <h2>Задача 6</h2>
- <p>Используя вложенные циклы, сформируйте двумерный массив, содержащий таблицу умножения</p>
- <div class="button" onclick="exercises(6)">Запустить задачку</div>
- </div>
- <div class="task">
- <h2>Задача 7</h2>
- <p>Создайте ассоциативный массив person, описывающий персону, с произвольным количеством произвольных полей. С помощью оператора in или typeof проверьте наличие в объекте свойства, прочитанного из prompt, и выведите его на экран. Если свойства нет, то добавляйте его в объект со значением, которое также запрашивается из prompt.</p>
- <div class="button" onclick="exercises(7)">Запустить задачку</div>
- </div>
- <div class="task">
- <h2>Задача 8</h2>
- <p>Сгенерируйте объект, описывающий модель телефона, заполнив все свойства значениями, прочитанными из prompt (например: brand, model, resolution, color...), не используя вспомогательные переменные. Добавьте этот гаджет персоне, созданной ранее.</p>
- <div class="button" onclick="exercises(8)">Запустить задачку</div>
- </div>
- <div class="task">
- <h2>Задача 9</h2>
- <p>Создайте объект dates для хранения дат. Первая дата – текущая, new Date. Вторая дата – текущая дата минус 365 дней. Из prompt читается дата в формате yyyy-MM-dd. Проверьте, попадает ли введенная дата в диапазон дат объекта dates.</p>
- <div class="button" onclick="exercises(9)">Запустить задачку</div>
- </div>
- <div class="task">
- <h2>Задача 10</h2>
- <p>Создайте структуру данных, полностью описывающую html-разметку картинки</p>
- <p>var image = {<Br>
- src: "https://www.google.com.ua/logos/doodles/2017/bella-akhmadulinas-80th-birthday-5134676388741120.3-law.gif",<Br>
- alt: "",<Br>
- style: {<Br>
- border: "1px solid #ccc"<Br>
- },<Br>
- width: 200<Br>
- }</p>
-
- </div>
- <div class="task">
- <h2>Задача 11</h2>
- <p>С помощью jQuery добавьте картинку на страницу вместе со всеми атрибутами, используя созданную ранее структуру.</p>
-
- </div>
- </body>
- </html>
|