From 3482ceb971379f834d23d41e5ebe66d48a8c3d7e Mon Sep 17 00:00:00 2001 From: Kubadaleko <7757535@mail.ru> Date: Sun, 10 Apr 2022 17:44:41 +0300 Subject: [PATCH] =?UTF-8?q?=D0=94=D0=BE=D0=BC=D0=B0=D1=88=D0=BD=D0=B5?= =?UTF-8?q?=D0=B5=20=D0=B7=D0=B0=D0=B4=D0=B0=D0=BD=D0=B8=D0=B5=201?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .DS_Store | Bin 0 -> 6148 bytes .idea/.gitignore | 5 ++ .idea/Lesson1.iml | 12 ++++ .idea/modules.xml | 8 +++ lesson_1.html | 11 +++ project/.DS_Store | Bin 0 -> 6148 bytes project/index.html | 16 +++++ project/js/main.js | 22 ++++++ script.js | 171 +++++++++++++++++++++++++++++++++++++++++++++ 9 files changed, 245 insertions(+) create mode 100644 .DS_Store create mode 100644 .idea/.gitignore create mode 100644 .idea/Lesson1.iml create mode 100644 .idea/modules.xml create mode 100644 lesson_1.html create mode 100644 project/.DS_Store create mode 100644 project/index.html create mode 100644 project/js/main.js create mode 100644 script.js diff --git a/.DS_Store b/.DS_Store new file mode 100644 index 0000000000000000000000000000000000000000..4f161a655e2ecc0ecebdf6969d9128322ec7cc70 GIT binary patch literal 6148 zcmeHKJ5EC}5S)cbL`svA(pTUHR+O9|7eFLwP^5?W^snMv94)h-g6NSh6rfpYJ@$IX zmZy087J#ij_7A`kz?|-gPame{`|cCFsfZEjJmY{J-uG|2JG|f(1D?P0 zhof)Fq<|EV0#ZNEIA80CC1}80XPT z5Ss^xy>Luqgl0)4Ce^CNu%t8IDz6ugiAjf5^I>(fRfl46JI`;C4(o{;rGOMTSKv06 zORxVM`i1`goTQZ$kOKco0h_J2>lL3=wRQ41ueFW-NcWsCx*O*~;SlAR80DA?FUR+h blzGkP-0y{BV$c~6I#E9Zu8T|x{I&uoNJtfu literal 0 HcmV?d00001 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 0000000000000000000000000000000000000000..ba3b77f6a8c3248a9cea646d67980a85d45fcca5 GIT binary patch literal 6148 zcmeH~Jr2S!425lAKw|00n1usyg9yP1xBvnsRH*}E&(V4QVW2Rh3O!5q7rU|AzM-i_ zM0bztR-_Y=CEO?*3nNqHGr7tAdcXANVd$-pHcMIw-pT0tYadAkr~nn90#twsOh + + + + Интернет-магазин + + +
+ +
+
+
+
+ + + 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);