Kubadaleko · Kubadaleko · Apr 10, 2022
diff --git a/.DS_Store b/.DS_Store
diff --git a/.idea/.gitignore b/.idea/.gitignore
diff --git a/.idea/Lesson1.iml b/.idea/Lesson1.iml
diff --git a/.idea/modules.xml b/.idea/modules.xml
diff --git a/lesson_1.html b/lesson_1.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>Lesson 1</title>
+</head>
+<body>
+<div id="green">Click Me!</div>
+<script src="script.js"></script>
+</body>
+</html>
diff --git a/project/.DS_Store b/project/.DS_Store
diff --git a/project/index.html b/project/index.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>Интернет-магазин</title>
+</head>
+<body>
+<header>
+    <button class="btn-cart" type="button">Корзина</button>
+</header>
+<main>
+    <div class="products"></div>
+</main>
+<script src="./js/main.js"></script>
+</body>
+</html>
diff --git a/project/js/main.js b/project/js/main.js
@@ -0,0 +1,22 @@
+const products = [
+    {id: 1, title: 'Notebook', price: 1000},
+    {id: 2, title: 'Mouse', price: 100},
+    {id: 3, title: 'Keyboard', price: 250},
+    {id: 4, title: 'Gamepad', price: 150},
+];
+
+const renderProduct = (title, price) => {
+    return `<div class="product-item">
+                <h3>${title}</h3>
+                <p>${price}</p>
+                <button class="by-btn">Добавить</button>
+            </div>`;
+};
+const productsElem = document.querySelector('.products');
+const renderProducts = (list) => {
+    const productList = list.map((good) => renderProduct(good.title, good.price)
+    );
+    productsElem.innerHTML = productList.join('');
+};
+
+renderProducts(products);
diff --git a/script.js b/script.js
@@ -0,0 +1,171 @@
+// var name = 'Vasya';
+// var age = 30;
+//
+// age = {};
+//
+// console.log(age);
+
+// let name = 'Vasya';
+// const age = 30;
+//
+// age = {};
+//
+// console.log(age);
+
+// let a = 1;
+// var b = 2;
+// {
+//     let a = 2;
+//     var b = 5;
+//     console.log(a);
+//     console.log(b);
+// }
+//
+// console.log(a);
+// console.log(b);
+
+// function passTest(result) {
+//     if (result) {
+//         var firstName = 'John';
+//         var yearOfBirth = 1990;
+//     }
+//
+//     console.log(firstName + ' рожденный в ' + yearOfBirth + ' сдал тест');
+// }
+//
+// passTest(false);
+
+// function passTest(result) {
+//     let firstName;
+//     let yearOfBirth;
+//
+//     if (result) {
+//         firstName = 'John';
+//         yearOfBirth = 1990;
+//     }
+//
+//     console.log(firstName + ' рожденный в ' + yearOfBirth + ' сдал тест');
+// }
+//
+// passTest(true);
+
+// var i = 23;
+//
+// for (var i = 0; i < 5; i++) {
+//     console.log(i)
+// }
+// console.log(i);
+
+// let i = 23;
+//
+// for (let i = 0; i < 5; i++) {
+//     console.log(i)
+// }
+// console.log(i);
+
+// 'use strict';
+// function a() {
+//     'use strict';
+//     var b = 5;
+//     let c = 10;
+//     d = 20;
+// }
+// a();
+//
+// // console.log(b);
+// // console.log(c);
+// // console.log(d);
+
+// var firstName = 'John';
+// var lastName = 'Smith';
+// var yearOfBirth = 1990;
+//
+// function calcAge(year) {
+//     return 2022 - year;
+// }
+//
+// console.log(firstName + ' ' + lastName + ' рожден в ' + yearOfBirth + '. Ему сейчас ' + calcAge(yearOfBirth));
+
+// const firstName = 'John';
+// const lastName = 'Smith';
+// const yearOfBirth = 1990;
+//
+// function calcAge(year) {
+//     return 2022 - year;
+// }
+//
+// console.log(`${firstName} ${lastName} рожденный в ${yearOfBirth}. Ему сейчас ${calcAge(yearOfBirth)}`);
+
+// const str = `${firstName} ${lastName}`;
+//
+// console.log(str);
+// console.log(str.startsWith('J'));
+// console.log(str.endsWith('th'));
+// console.log(str.includes('n S'));
+// console.log(`${str} `.repeat(5));
+
+// const calcAge = () => {
+//     return 6;
+// };
+// const calcAge = (x) => {
+//     return 6 + x;
+// };
+// const calcAge = x => 6 + x;
+
+// const calcAge = x => 6 + x;
+
+// const calcAge = (x, y = 0) => {
+//     return 6 + x - y;
+// };
+//
+// // console.log(calcAge(4, 2));
+// console.log(calcAge(4));
+
+// var box = {
+//     color: 'green',
+//     position: 1,
+//     clickMe: function () {
+//         // var _this = this;
+//         // document.getElementById('green').addEventListener('click', function () {
+//         //     console.log(_this);
+//         //     console.log('Box number ' + _this.position + ' and color ' + _this.color);
+//         // });
+//         // document.getElementById('green').addEventListener('click', function () {
+//         //     console.log(this);
+//         //     console.log('Box number ' + this.position + ' and color ' + this.color);
+//         // }.bind(this));
+//         document.getElementById('green').addEventListener('click', () => {
+//             console.log(this);
+//             console.log('Box number ' + this.position + ' and color ' + this.color);
+//         });
+//     },
+// };
+//
+// box.clickMe();
+//
+// var arr = ['John', 25];
+// var name = arr[0];
+// var age = arr[1];
+//
+// console.log(name, age);
+
+// const arr = ['John', 25, true];
+// // let [name, age] = arr;
+// let [name,, isAdmin] = arr;
+//
+// // console.log(name, age);
+// console.log(name, isAdmin);
+
+// const obj = {
+//     firstName: 'John',
+//     lastName: 'Snow',
+//     colors: ['white', 'black'],
+// };
+//
+// // let { firstName, lastName, colors } = obj;
+// //
+// // console.log(firstName, lastName, colors);
+//
+// let { firstName: fn, lastName: ln, colors: [a, b] } = obj;
+//
+// console.log(fn, ln, a, b);