|
|
@@ -0,0 +1,310 @@
|
|
|
+$(document).ready(function() {
|
|
|
+
|
|
|
+ $(".button").css({ // Стилизация кнопки для запуска задач
|
|
|
+ "display": "inline-block",
|
|
|
+ "background": "grey",
|
|
|
+ "cursor": "pointer",
|
|
|
+ "padding": "10px",
|
|
|
+ "margin": "20px 0 0 20px",
|
|
|
+ "border-radius": "10px",
|
|
|
+ "color": "white"
|
|
|
+ });
|
|
|
+
|
|
|
+ $(".task").css({
|
|
|
+ "width": "50%",
|
|
|
+ "border-bottom": "1px solid black",
|
|
|
+ "box-sizing": "border-box",
|
|
|
+ "padding": "10px"
|
|
|
+ });
|
|
|
+
|
|
|
+ $("div.task:nth-child(11)").append("<img>"); // Задание 11, добавить картинку
|
|
|
+ $("div.task:nth-child(11) img").attr(image);
|
|
|
+
|
|
|
+});
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+// Задачки
|
|
|
+
|
|
|
+function exercises(par) {
|
|
|
+
|
|
|
+ var arr = [task_1, task_2, task_3, task_4, task_5, task_6, task_7, task_8, task_9];
|
|
|
+
|
|
|
+ arr[par-1]();
|
|
|
+
|
|
|
+};
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+// 1. Создайте смешанный массив, например [1, 2, 3, ‘a’, ‘b’, ‘c’, ‘4’, ‘5’, ‘6’].
|
|
|
+// Посчитайте сумму всех его чисел, включая строковые. Выведите сумму в alert.
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+function task_1() {
|
|
|
+
|
|
|
+ var arr = [1, 2, 3, 'a', 'b', 'c', '4', '5', '6'],
|
|
|
+ sum = 0;
|
|
|
+
|
|
|
+ for(var i = 0; i < arr.length; i++) {
|
|
|
+
|
|
|
+ if (!isNaN(+arr[i])) {
|
|
|
+ sum = sum + +arr[i];
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ alert(sum);
|
|
|
+}
|
|
|
+
|
|
|
+
|
|
|
+// 2. Сгенерируйте массив из N случайных чисел с двумя знаками после запятой.
|
|
|
+// Затем переберите массив и распечатайте в консоли значения его элементов,
|
|
|
+// возведенные в пятую степень, используя вложенные циклы.
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+function task_2() {
|
|
|
+
|
|
|
+ var n = +prompt("Введите длинну массива", ""),
|
|
|
+ arr = [];
|
|
|
+
|
|
|
+ for(var i = 0; i < n; i++) {
|
|
|
+
|
|
|
+ var a = 1; // переменная в которую будет записываться произведение элементов массива до 5-ой степени.
|
|
|
+
|
|
|
+ arr[i] = (Math.random()*10).toFixed(2);
|
|
|
+
|
|
|
+ for(var j = 0; j < 5; j++) {
|
|
|
+
|
|
|
+ a = a * arr[i];
|
|
|
+ }
|
|
|
+
|
|
|
+ console.log(a);
|
|
|
+ }
|
|
|
+
|
|
|
+ console.log(arr);
|
|
|
+}
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+// 3. Создайте пустой массив. В цикле до n на каждой итерации запускайте prompt для ввода любых символов,
|
|
|
+ // полученное значение добавляйте в конец созданного массива. После выхода из цикла
|
|
|
+ // посчитайте сумму всех чисел массива и выведите в alert полученный результат.
|
|
|
+
|
|
|
+
|
|
|
+function task_3() {
|
|
|
+
|
|
|
+ var arr = [],
|
|
|
+ sum = 0,
|
|
|
+ n = prompt("Введите n", "");
|
|
|
+
|
|
|
+ for(var i = 0; i < n; i++) {
|
|
|
+
|
|
|
+ arr.push(prompt("Введите элемент массива", ''));
|
|
|
+ }
|
|
|
+
|
|
|
+ for(var j = 0; j < arr.length; j++) {
|
|
|
+
|
|
|
+ if (!isNaN(+arr[j])) {
|
|
|
+ sum = sum + +arr[j];
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ alert(sum);
|
|
|
+}
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+// 4. Создайте массив со значениями: ‘AngularJS’, ‘jQuery’
|
|
|
+// Добавьте в начало массива значение ‘Backbone.js’
|
|
|
+// Добавьте в конец массива значения ‘ReactJS’ и ‘Vue.js’
|
|
|
+// Добавьте в массив значение ‘CommonJS’ вторым элементом
|
|
|
+// Найдите и удалите из массива значение ‘jQuery’, выведите его в alert со словами “Это здесь лишнее”
|
|
|
+
|
|
|
+// ET = 8 min;
|
|
|
+// AT = 5 min;
|
|
|
+
|
|
|
+function task_4() {
|
|
|
+
|
|
|
+ var arr = ['AngularJS', 'jquery'];
|
|
|
+
|
|
|
+ arr.unshift('Backbobe.js');
|
|
|
+ arr.push('ReactJS', 'Vue.js');
|
|
|
+ arr.splice(1,0,'CommonJS');
|
|
|
+ alert( arr.splice(arr.indexOf('jquery'), 1) + " - это здесь лишнее" );
|
|
|
+ alert(arr);
|
|
|
+}
|
|
|
+
|
|
|
+
|
|
|
+// 5. Создайте строку с текстом ‘Как однажды Жак звонарь сломал городской фонарь’.
|
|
|
+// Разбейте ее на массив слов, и переставьте слова в правильном порядке с помощью любых
|
|
|
+// методов массива (indexOf, splice ...). Затем объедините элементы массива в строку
|
|
|
+// и выведите в alert исходный и итоговый варианты.
|
|
|
+
|
|
|
+
|
|
|
+// ET = 5 min;
|
|
|
+// AT = 9 min;
|
|
|
+
|
|
|
+function task_5() {
|
|
|
+
|
|
|
+ var str_1 = "Как однажды Жак звонарь сломал городской фонарь",
|
|
|
+ str_2,
|
|
|
+ arr = [];
|
|
|
+
|
|
|
+ arr = str_1.split(" ");
|
|
|
+
|
|
|
+ arr.splice(arr.indexOf("городской"), 0, arr.splice(arr.indexOf("сломал"), 1));
|
|
|
+
|
|
|
+ str_2 = arr.join(" ");
|
|
|
+
|
|
|
+ alert(str_1+"\n"+str_2);
|
|
|
+}
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+// 6. Используя вложенные циклы, сформируйте двумерный массив, содержащий таблицу умножения
|
|
|
+
|
|
|
+
|
|
|
+function task_6() {
|
|
|
+
|
|
|
+ var arr = [];
|
|
|
+
|
|
|
+ for(var i = 1; i <=10; i++) {
|
|
|
+
|
|
|
+ arr[i] = [];
|
|
|
+
|
|
|
+ for(var j = 1; j <= 10; j++) {
|
|
|
+
|
|
|
+ arr[i][j] = i + "x" + j + "=" + (i*j);
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ alert(arr);
|
|
|
+}
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+// 7. Создайте ассоциативный массив person, описывающий персону, с произвольным
|
|
|
+// количеством произвольных полей. С помощью оператора in или typeof проверьте наличие
|
|
|
+// в объекте свойства, прочитанного из prompt, и выведите его на экран.
|
|
|
+// Если свойства нет, то добавляйте его в объект со значением, которое также запрашивается из prompt.
|
|
|
+
|
|
|
+
|
|
|
+function task_7() {
|
|
|
+
|
|
|
+ var person = {
|
|
|
+ name: "Oleg",
|
|
|
+ age: 24,
|
|
|
+ },
|
|
|
+ a;
|
|
|
+
|
|
|
+ a = prompt("Введите свойство объекта", "");
|
|
|
+
|
|
|
+ if (a in person) {
|
|
|
+
|
|
|
+ alert(a + ": " + person[a]);
|
|
|
+
|
|
|
+ } else {
|
|
|
+
|
|
|
+ person[a] = prompt("Такого поля нет. Давайте добавим поле " + a + ". Введите значение этого свойства:", "");
|
|
|
+ alert(a + ": " + person[a])
|
|
|
+ }
|
|
|
+
|
|
|
+}
|
|
|
+
|
|
|
+
|
|
|
+// 8. Сгенерируйте объект, описывающий модель телефона, заполнив все свойства значениями,
|
|
|
+// прочитанными из prompt (например: brand, model, resolution, color...), не используя
|
|
|
+// вспомогательные переменные. Добавьте этот гаджет персоне, созданной ранее.
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+function task_8() {
|
|
|
+
|
|
|
+ var person = {
|
|
|
+ firstname: "Oleg",
|
|
|
+ age: 24,
|
|
|
+ },
|
|
|
+ phone = {};
|
|
|
+
|
|
|
+ alert("Давайте добавим свойства телефону");
|
|
|
+
|
|
|
+ while(true) {
|
|
|
+
|
|
|
+ var a = prompt("Введите характеристику телефона (например: brand, model, resolution, color...):");
|
|
|
+
|
|
|
+ if (a == null || a == "") { // характеристики вводятся пока не будет нажата Отмена или введена пустая строка
|
|
|
+
|
|
|
+ break;
|
|
|
+
|
|
|
+ } else
|
|
|
+
|
|
|
+ if (a in phone) {
|
|
|
+
|
|
|
+ alert(a + ": " + phone[a]);
|
|
|
+
|
|
|
+ } else {
|
|
|
+
|
|
|
+ phone[a] = prompt("Такой характеристики нету. Давайте добавим " + a + ". Введите значение этого свойства:", "");
|
|
|
+
|
|
|
+ }
|
|
|
+ }
|
|
|
+ person.personPhone = phone;
|
|
|
+}
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+// 9. Создайте объект dates для хранения дат. Первая дата – текущая, new Date.
|
|
|
+// Вторая дата – текущая дата минус 365 дней. Из prompt читается дата в формате yyyy-MM-dd.
|
|
|
+// Проверьте, попадает ли введенная дата в диапазон дат объекта dates.
|
|
|
+
|
|
|
+
|
|
|
+function task_9() {
|
|
|
+
|
|
|
+ var dates = {
|
|
|
+ currentDate: new Date(),
|
|
|
+ },
|
|
|
+ userDate = prompt("Введите дату в формате yyyy-MM-dd", ""),
|
|
|
+ arr = [];
|
|
|
+
|
|
|
+ arr = userDate.split("-");
|
|
|
+
|
|
|
+ var a = new Date(arr[0], arr[1] - 1, arr[2]);
|
|
|
+
|
|
|
+ dates.secondDate = new Date(dates.currentDate - 365*24*60*60*1000);
|
|
|
+
|
|
|
+ if (a > dates.secondDate && a < dates.currentDate) {
|
|
|
+ alert("Введенная дата попадает в диапазон");
|
|
|
+ } else {
|
|
|
+ alert("Введенная дата не попадает в диапазон");
|
|
|
+ }
|
|
|
+
|
|
|
+}
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+// 10. Создайте структуру данных, полностью описывающую html-разметку картинки
|
|
|
+
|
|
|
+var image = {
|
|
|
+ src: "https://www.google.com.ua/logos/doodles/2017/bella-akhmadulinas-80th-birthday-5134676388741120.3-law.gif",
|
|
|
+ alt: "",
|
|
|
+ style: {
|
|
|
+ border: "1px solid #ccc"
|
|
|
+ },
|
|
|
+ width: 200
|
|
|
+}
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+// 11. С помощью jQuery добавьте картинку на страницу вместе со всеми атрибутами, используя созданную ранее структуру.
|
|
|
+
|
|
|
+// Решение вверху
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
