t-rexamarin · t-rexamarin · Oct 17, 2021
diff --git a/lesson_3_task_1.html b/lesson_3_task_1.html
@@ -0,0 +1,34 @@
+<!--1 С помощью цикла for написать алгоритм для вывода чисел (выводите в консоль, с помощью console.log) от 0 до 10-->
+<!--включительно, чтобы результат выглядел так:-->
+<!--0 – это ноль-->
+<!--1 – нечетное число-->
+<!--2 – четное число-->
+<!--3 – нечетное число-->
+<!--…-->
+<!--10 – четное число-->
+
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>Title</title>
+</head>
+<body>
+    <script>
+        let myLen = 10;
+        let txt;
+
+        for (let i = 0; i <= myLen; i++) {
+            if (i === 0){
+                txt = 'это ноль';
+            } else if (i % 2 === 0) {
+                txt = 'четное число';
+            } else {
+                txt = 'нечетное число';
+            }
+
+            console.log(`${i} - ${txt}`)
+        }
+    </script>
+</body>
+</html>
diff --git a/lesson_3_task_2.html b/lesson_3_task_2.html
@@ -0,0 +1,42 @@
+<!--2 Выведите в консоль значения, указанные рядом с комментариями:-->
+
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>Title</title>
+</head>
+<body>
+    <script>
+        const post = {
+            author: "John", //вывести этот текст
+            postId: 23,
+            comments: [
+                {
+                    userId: 10,
+                    userName: "Alex",
+                    text: "lorem ipsum",
+                    rating: {
+                        likes: 10,
+                        dislikes: 2 //вывести это число
+                    }
+                },
+                {
+                    userId: 5, //вывести это число
+                    userName: "Jane",
+                    text: "lorem ipsum 2", //вывести этот текст
+                    rating: {
+                        likes: 3,
+                        dislikes: 1
+                    }
+                },
+            ]
+        };
+
+        console.log(post['author']);
+        console.log(post['comments'][0]['rating']['dislikes']);
+        console.log(post['comments'][1]['userId']);
+        console.log(post['comments'][1]['text']);
+    </script>
+</body>
+</html>
diff --git a/lesson_3_task_3.html b/lesson_3_task_3.html
@@ -0,0 +1,57 @@
+<!--3 Перед вами находится массив с продуктами, сегодня распродажа и вам нужно на каждый товар применить скидку-->
+<!--15%, можете использовать метод forEach https://mzl.la/1AOMMWX :-->
+
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>Title</title>
+</head>
+<body>
+    <script>
+        const products = [
+            {
+                id: 3,
+                price: 200,
+            },
+            {
+                id: 4,
+                price: 900,
+            },
+            {
+                id: 1,
+                price: 1000,
+            },
+        ];
+
+        // непонятно в какой реализации это должно быть
+        function changePriceDown(items, percent){
+            // вариант 1
+            // сначала я менял исходный массив
+            // но потом подумал, что константу то менять нельзя
+            // items.forEach(element => element['price'] = element['price'] * 1 - percent / 100);
+
+            // вариант 2
+            // просто вернуть измененные значения построчно
+            // items.forEach(element => console.log(element['price'] * 1 - percent / 100));
+
+            // вариант 3
+            // let productsWithDiscount = items.map(item => ({id: item.id, price: item.price * (1 - percent / 100)}));
+            // return productsWithDiscount;
+
+            // вариант 4
+            // вернуть новый массив
+            let productsWithDiscount = []
+
+            items.forEach(element => productsWithDiscount.push({
+                id: element['id'],
+                price: element['price'] * 1 - percent / 100}));
+
+            return productsWithDiscount;
+        }
+
+        // products.forEach(element => console.log(element['id'], element['price']));
+        console.log(changePriceDown(products, 15));
+    </script>
+</body>
+</html>
diff --git a/lesson_3_task_4.html b/lesson_3_task_4.html
@@ -0,0 +1,59 @@
+<!--4 Перед вами находится массив с продуктами в интернет-магазине. Вам нужно:-->
+<!--1 Получить все товары, у которых есть фотографии, можете использовать метод filter https://mzl.la/2qROQkT-->
+<!--2 Отсортируйте товары по цене (от низкой цены к высокой), можете использовать метод sort-->
+<!--https://mzl.la/2Y79hbZ , как устроен sort можно посмотреть например здесь https://youtu.be/O2pusOp0gC0 или в-->
+<!--дополнительных видео в материалах урока.-->
+
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>Title</title>
+</head>
+<body>
+    <script>
+        const products = [
+            {
+                id: 3,
+                price: 127,
+                photos: [
+                    "1.jpg",
+                    "2.jpg",
+                ]
+            },
+            {
+                id: 5,
+                price: 499,
+                photos: []
+            },
+            {
+                id: 10,
+                price: 26,
+                photos: [
+                    "3.jpg"
+                ]
+            },
+            {
+                id: 8,
+                price: 78,
+            },
+        ];
+
+        let products_with_photos = products.filter(element =>
+            element.hasOwnProperty('photos') &&
+            element['photos'].length > 0);
+
+        console.log(products_with_photos);
+
+        console.log(products.sort(function (a, b){
+            if (a['price'] > b['price']){
+                return 1;
+            }
+            else
+            {
+                return -1;
+            }
+        }));
+    </script>
+</body>
+</html>
diff --git a/lesson_3_task_5.html b/lesson_3_task_5.html
@@ -0,0 +1,23 @@
+<!--5 (По желанию, т.к. такая особенность практически не используется) Вывести с помощью цикла for числа от 0 до 9,-->
+<!--НЕ используя тело цикла. То есть выглядеть должно примерно так:-->
+<!--for(…){/* здесь пусто */}-->
+<!--Помните, что в первом, втором и третьем раздела цикла можно не только писать условия, или увеличивать счетчик-->
+<!--например на 1, допустимы любые выражения, например вызовы функций.-->
+
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>Title</title>
+</head>
+<body>
+    <script>
+        // вариант 1
+        for(let i = 0; i < 10; console.log(i), i++){}
+
+        // вариант 2
+        // на него правла ide ворнинг дает Void function return value is used
+        for(let i = 0; i < 10; console.log(i++)){}
+    </script>
+</body>
+</html>
diff --git a/lesson_3_task_6.html b/lesson_3_task_6.html
@@ -0,0 +1,29 @@
+<!--6 Нарисовать горку с помощью console.log (используя цикл for), как показано на рисунке,-->
+<!--только у вашей горки должно быть 20 рядов, а не 5:-->
+
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>Title</title>
+</head>
+<body>
+    <script>
+        let row = 'x';
+        let mRow = ''
+        let mLength = 20;
+
+        // вариант 1
+        // for (let i = 0; i < mLength; i++){
+        //     mRow += row;
+        //     console.log(mRow);
+        // }
+
+        // вариант 2
+        for (let i = 1; i <= mLength; i++){
+            mRow = row.repeat(i);
+            console.log(mRow);
+        }
+    </script>
+</body>
+</html>