diff --git a/.DS_Store b/.DS_Store new file mode 100644 index 0000000..4f161a6 Binary files /dev/null and b/.DS_Store differ diff --git a/.idea/.gitignore b/.idea/.gitignore new file mode 100644 index 0000000..b58b603 --- /dev/null +++ b/.idea/.gitignore @@ -0,0 +1,5 @@ +# Default ignored files +/shelf/ +/workspace.xml +# Editor-based HTTP Client requests +/httpRequests/ diff --git a/.idea/Lesson1.iml b/.idea/Lesson1.iml new file mode 100644 index 0000000..0c8867d --- /dev/null +++ b/.idea/Lesson1.iml @@ -0,0 +1,12 @@ + + + + + + + + + + + + \ No newline at end of file diff --git a/.idea/modules.xml b/.idea/modules.xml new file mode 100644 index 0000000..c06d1cc --- /dev/null +++ b/.idea/modules.xml @@ -0,0 +1,8 @@ + + + + + + + + \ No newline at end of file diff --git a/lesson_1.html b/lesson_1.html new file mode 100644 index 0000000..26dfadb --- /dev/null +++ b/lesson_1.html @@ -0,0 +1,11 @@ + + + + + Lesson 1 + + +
Click Me!
+ + + diff --git a/project/.DS_Store b/project/.DS_Store new file mode 100644 index 0000000..ba3b77f Binary files /dev/null and b/project/.DS_Store differ diff --git a/project/index.html b/project/index.html new file mode 100644 index 0000000..1dc32e2 --- /dev/null +++ b/project/index.html @@ -0,0 +1,16 @@ + + + + + Интернет-магазин + + +
+ +
+
+
+
+ + + diff --git a/project/js/main.js b/project/js/main.js new file mode 100644 index 0000000..fc3b3d5 --- /dev/null +++ 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 `
+

${title}

+

${price}

+ +
`; +}; +const productsElem = document.querySelector('.products'); +const renderProducts = (list) => { + const productList = list.map((good) => renderProduct(good.title, good.price) + ); + productsElem.innerHTML = productList.join(''); +}; + +renderProducts(products); \ No newline at end of file diff --git a/script.js b/script.js new file mode 100644 index 0000000..3e759a2 --- /dev/null +++ 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);