diff --git a/Images/background_for_games.jpg b/Images/background_for_games.jpg new file mode 100644 index 0000000..a53d48c Binary files /dev/null and b/Images/background_for_games.jpg differ diff --git a/_mobile.scss b/_mobile.scss index 2f15a2f..7ca81d1 100644 --- a/_mobile.scss +++ b/_mobile.scss @@ -73,11 +73,11 @@ font-size: 14px; line-height: 22px; } - .footer____game-1 { + .footer__game-1 { display: flex; flex-direction: column; } - .footer____game-2 { + .footer__game-2 { display: flex; flex-direction: column-reverse; } diff --git a/game1script.js b/game1script.js new file mode 100644 index 0000000..e69de29 diff --git a/hw4script.js b/hw4script.js index c108a29..c31f8d5 100644 --- a/hw4script.js +++ b/hw4script.js @@ -52,10 +52,28 @@ // } // alert("Iterated " + num + " times!"); // Exercise 6 -let day = 5; -for (let day = 5; day <= 31; day += 7) { - // почему +=? почему +=7 не в фигурных скобках? - alert( - "Сегодня пятница, " + day + " -е число. Необходимо подготовить отчет.!" - ); +// let day = 5; +// for (let day = 5; day <= 31; day += 7) { +// // почему +=? почему +=7 не в фигурных скобках??? +// alert( +// "Сегодня пятница, " + day + " -е число. Необходимо подготовить отчет.!" +// ); +// } + +// Exercise 7 +// const obj = { +// Але: "ша", +// Гри: "ша", +// Ди: "ма", +// }; +// for (const capital in obj) { +// alert(capital + "- это " + obj[capital]); +// } +const obj = { + Baby: "Boss", + Art: "Museum", + Assassin: "creed Brotherhood", +}; +for (const game in obj) { + alert(game + "'S " + obj[game]); } diff --git a/hw5script.js b/hw5script.js new file mode 100644 index 0000000..5a26437 --- /dev/null +++ b/hw5script.js @@ -0,0 +1,144 @@ +// // Exercise 1 +// const least = (a, b) => { +// if (a < b) { +// return a; +// } else { +// return b; +// } +// }; +// console.log(least(4, 8)); +// console.log(least(6, 6)); +// // or +// function min(a, b) { +// return a < b ? a : b; +// } +// console.log(min(4, 8)); +// Exercise 2 +// const evenNum = (a) => { +// if (a % 2 == 0) { +// return "Четное число"; +// } else { +// return "Нечетное число"; +// } +// // Как сделать с prompt? +// }; +// alert(evenNum(7)); +//or + +// let number = prompt("Введите число"); + +// if (number % 2 == 0) { +// function evenNum() { +// alert("Четное число"); +// } +// } else { +// function evenNum() { +// alert("Нечетное число"); +// } +// } +// evenNum(); +// // or +// function evenNum(a) { +// return a % 2 == 0 ? "Четное число" : "Нечетное число"; +// } +// alert(evenNum(7)); +// // Exercise 3.2 +// const squareNum = (a) => { +// let result = a ** 2; +// return result; +// }; +// console.log(squareNum(3)); +// // Exercise 3.1 +// let number = prompt("Введите число"); +// function squareNum(a) { +// return a ** 2; +// } +// alert(squareNum(Number)); +// // Exercise 4 +// let age = prompt("Сколько Вам лет?"); +// if (age < 0) { +// function printMessage() { +// alert("Вы ввели неправильное значение"); +// } +// } else if (age < 12) { +// function printMessage() { +// alert("Привет, друг!"); +// } +// } else { +// function printMessage() { +// alert("Добро пожаловать!"); +// } +// } +// { +// } +// printMessage(); +// Exercise 5 +const mult = (a, b) => { + if (isNaN(a) || isNaN(b)) { + return "Одно или оба значения не являются числом"; + } + let result = a * b; + return result; +}; +alert(mult(prompt("Введите первое число"), prompt("Введите второе число"))); + +// // Exercise 6 +const mult = (a) => { + if (isNaN(a)) { + return "Значение не является числом"; + } + let result = a ** 3; + return result; +}; +alert(mult(prompt("Введите первое число"))); +// // Exercise 7 +// function getСircleArea() { +// return this.radius ** 2 * Math.PI; +// } +// function getСirclePerimeter() { +// return this.radius * 2 * Math.PI; +// } + +// const circle1 = { +// radius: 3, + +// getArea: getСircleArea, +// getPerimeter: getСirclePerimeter, +// }; + +// const circle2 = { +// radius: 7, + +// getArea: getСircleArea, +// getPerimeter: getСirclePerimeter, +// }; + +// alert(circle1.getArea()); +// alert(circle1.getPerimeter()); +// alert(circle2.getArea()); +// alert(circle2.getPerimeter()); +//// Exercise 8 +const season = (a) => { + if (isNaN(a)) { + return "Вы ввели не число"; + } + if (a == 12 || (a >= 1 && a <= 2)) { + // Ошибка в синтаксисе? Не видит число 12 + return "Зима"; + } else if (a >= 3 && a <= 5) { + return "Весна"; + } else if (a >= 6 && a <= 8) { + return "Лето"; + } else if (a >= 9 && a <= 11) { + return "Осень"; + } else { + return "Такого месяца не существует"; + } + { + } + { + } + { + } +}; +alert(season(prompt("Введите номер месяца"))); diff --git a/hw6script.js b/hw6script.js new file mode 100644 index 0000000..75e6e96 --- /dev/null +++ b/hw6script.js @@ -0,0 +1,109 @@ +const newspaper = { + sports: { + title: "ARod Hits Home Run", + writers: ["Miramon Nuevo", "Rick Reilly", "Woddy Paige"], + }, + business: { + title: "GE Stock Dips Again", + writers: ["Adam Smith", "Albert Humphrey", "Charles Handy"], + }, + movies: { + title: "Superman Is A Flop", + writers: ["Rogert Ebert", "Andrew Sarris", "Wesley Morris"], + }, +}; +newspaper.sports.title; +newspaper.business.writers[0]; +newspaper.movies.writers[1]; +// Exersice 1 +const numbers = [1, 5, 4, 10, 0, 3]; + +for (let i = 0; i < numbers.length; i++) { + if (numbers[i] <= 10) break; + // почему Undefined ? + alert(numbers[i]); +} +// Exersice 2 +const numbers = [1, 5, 4, 10, 0, 3]; +alert(numbers.indexOf(4)); +// Exersice 3 +let numbers = [1, 3, 5, 10, 20]; +numbers = numbers.join(" "); +alert(numbers); +// Exersice 4 + +const arr = []; +for (let i = 0; i < 3; i++) { + arr[i] = []; + for (let a = 0; a < 3; a++) { + arr[i][a] = 1; + } +} +alert(arr) +// Exersice 5 +let numbers = [1, 1, 1]; +numbers.push(2, 2, 2); +alert(numbers); +// Exercise 6 +let arrNum = [9, 8, 7, "a", 6, 5]; +arrNum = arrNum.sort(); +arrNum.pop(); +alert(arrNum); +// Exersice 7 +const numbers = [9, 8, 7, 6, 5]; +let num = Number(prompt("Пожалуйста, введите любое число")); +let search = numbers.includes(num); +alert(numbers.includes(num)); +// Exersice 8 +let letters = "abcdef"; +letters = letters.split(""); +letters.sort(); +letters.reverse(); +letters = letters.join(" "); +alert(letters); +// Exersice 9 +let arrNum = [ + [1, 2, 3], + [4, 5, 6], +]; +for (let item of arrNum) { + item = item.join(" "); +} +alert(arrNum); +// Exersice 10 +const arr = [9, 8, 7, 6, 5]; +for (let i = 0; i < arr.length - 1; i++) { + alert(arr[i] + arr[i + 1]); +} +// Exersice 11 +const num = [ + prompt("Пожалуйста, введите любое число"), + prompt("Пожалуйста, введите любое число"), + prompt("Пожалуйста, введите любое число"), + prompt("Пожалуйста, введите любое число"), +]; +const squareNum = num.map((el) => el ** 2); +alert(squareNum); +// Exersice 12 +function getLengthWords(words) { + return words.map((item) => item.length); +} +alert(getLengthWords(prompt("Введите слово"))); +// Exersice 13 +function filterPositive(array) { + return array.filter((el) => el > 0); +} + +filterPositive([-1, 0, 5, -10, 56]); // => [-1, -10] +filterPositive([-25, 25, 0, -1000, -2]); // => [-25, -1000, -2] +// Exersice 14 +const arr = [...Array(10)].map((e) => ~~(Math.random() * 10)); +const evenNum = arr.filter((el) => el % 2 == 0); +alert(evenNum); +alert(arr); +// Exersice 15 + +const average = (arr) => arr.reduce((a, b) => a + b, 0) / arr.length; +const result = average([...Array(6)].map((e) => ~~(Math.random() * 6))); +alert(result); +alert(average); diff --git a/index.html b/index.html index e87db70..6c8da13 100644 --- a/index.html +++ b/index.html @@ -41,9 +41,9 @@

-

+
+
+

Игра в загадки

+

+ Компьютер загадывает загадку, вам необходимо ее угадать, если вы + дадите не правильный ответ, то компьютер даст вам подсказку. У + вас будет три попытки и две подсказки. +

+
+ +
+
+
- + diff --git a/style.css b/style.css index 9880f88..20906ad 100644 --- a/style.css +++ b/style.css @@ -128,6 +128,16 @@ body { padding-bottom: 233px; padding-top: 233px; } +.footer__game-3 { + background-image: url(Images/background_for_games.jpg); + background-size: cover; + background-position: center; + background-repeat: no-repeat; + padding-bottom: 233px; + padding-top: 233px; + padding-left: calc(-50vw + 10%); + padding-right: calc(-50vw + 10%); +} .footer__title { display: flex; flex-direction: column; @@ -157,6 +167,10 @@ body { justify-content: center; align-self: flex-start; } +.footer__form-3 { + display: flex; + justify-content: center; +} .footer__button { width: 234px; @@ -185,6 +199,14 @@ body { border-radius: 30px; } +.footer__title-3 { + display: flex; + flex-direction: column; + gap: 32px; + justify-content: space-between; + align-items: center; +} + @media (max-width: 767px) { .center { padding-left: 16px; @@ -260,11 +282,11 @@ body { font-size: 14px; line-height: 22px; } - .footer____game-1 { + .footer__game-1 { display: flex; flex-direction: column; } - .footer____game-2 { + .footer__game-2 { display: flex; flex-direction: column-reverse; } diff --git a/style.css.map b/style.css.map index 9dca2ad..2419761 100644 --- a/style.css.map +++ b/style.css.map @@ -1 +1 @@ -{"version":3,"sources":["style.scss","style.css","_mobile.scss"],"names":[],"mappings":"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","file":"style.css"} \ No newline at end of file +{"version":3,"sources":["style.scss","style.css","_mobile.scss"],"names":[],"mappings":"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","file":"style.css"} \ No newline at end of file diff --git a/style.scss b/style.scss index 6e52ff8..8b3b6e0 100644 --- a/style.scss +++ b/style.scss @@ -112,6 +112,16 @@ body { padding-bottom: 233px; padding-top: 233px; } + &__game-3 { + background-image: url(Images/background_for_games.jpg); + background-size: cover; + background-position: center; + background-repeat: no-repeat; + padding-bottom: 233px; + padding-top: 233px; + padding-left: calc(-50vw + 10%); + padding-right: calc(-50vw + 10%); + } &__title { display: flex; flex-direction: column; @@ -138,6 +148,10 @@ body { display: flex; justify-content: center; align-self: flex-start; + &-3 { + display: flex; + justify-content: center; + } } .footer__button { width: 234px; @@ -161,5 +175,12 @@ body { background: #eb443f; border-radius: 30px; } +.footer__title-3 { + display: flex; + flex-direction: column; + gap: 32px; + justify-content: space-between; + align-items: center; +} @import "mobile";