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..d2a8b25 --- /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/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":"AAAA;EACE,SAAA;EACA,UAAA;EACA,sBAAA;ACCF;;ADCA;EACE,qCAAA;ACEF;;ADAA;EACE,cAAA;EACA,+CAAA;EACA,sBAAA;EACA,2BAAA;EACA,4BAAA;ACGF;;ADDA;EACE,+BAAA;EACA,gCAAA;ACIF;;ADFA;EACE,kBAAA;ACKF;;ADHA;EACE,yBAAA;EACA,kBAAA;EACA,gBAAA;EACA,eAAA;EACA,iBAAA;EACA,cAAA;ACMF;;ADJA;EACE,yBAAA;EACA,kBAAA;EACA,gBAAA;EACA,eAAA;EACA,iBAAA;EACA,cAAA;EACA,gBAAA;ACOF;;ADJA;EACE,YAAA;EACA,YAAA;EACA,mBAAA;EACA,sBAAA;EACA,mBAAA;EACA,gBAAA;ACOF;;ADLA;EACE,yBAAA;EACA,kBAAA;EACA,gBAAA;EACA,eAAA;EACA,iBAAA;EACA,cAAA;EACA,qBAAA;ACQF;;ADNA;EACE,iBAAA;ACSF;;ADPA;EACE,YAAA;EACA,aAAA;EACA,SAAA;EACA,sCAAA;EACA,mBAAA;EACA,kBAAA;EACA,qBAAA;ACUF;;ADRA;EACE,mBAAA;EACA,aAAA;EACA,mBAAA;EACA,aAAA;EACA,2BAAA;EACA,qBAAA;EACA,aAAA;EACA,wEAAA;ACWF;;ADTA;EACE,uCAAA;EACA,4BAAA;ACYF;;ADVA;EACE,uCAAA;EACA,4BAAA;ACaF;;ADXA;EACE,uCAAA;EACA,4BAAA;ACcF;;ADZA;EACE,yBAAA;EACA,kBAAA;EACA,gBAAA;EACA,eAAA;EACA,iBAAA;EACA,qBAAA;EACA,cAAA;ACeF;;ADbA;EACE,yBAAA;ACgBF;ADfE;EACE,aAAA;EACA,UAAA;EACA,qBAAA;EACA,kBAAA;ACiBJ;ADfE;EACE,aAAA;EACA,UAAA;EACA,qBAAA;EACA,kBAAA;ACiBJ;ADfE;EACE,sDAAA;EACA,sBAAA;EACA,2BAAA;EACA,4BAAA;EACA,qBAAA;EACA,kBAAA;EACA,+BAAA;EACA,gCAAA;ACiBJ;ADfE;EACE,aAAA;EACA,sBAAA;EACA,SAAA;ACiBJ;;ADdA;EACE,yBAAA;EACA,kBAAA;EACA,gBAAA;EACA,eAAA;EACA,iBAAA;EACA,cAAA;ACiBF;;ADfA;EACE,yBAAA;EACA,kBAAA;EACA,gBAAA;EACA,eAAA;EACA,iBAAA;EACA,cAAA;ACkBF;;ADhBA;EACE,aAAA;EACA,uBAAA;EACA,sBAAA;ACmBF;ADlBE;EACE,aAAA;EACA,uBAAA;ACoBJ;;ADjBA;EACE,YAAA;EACA,YAAA;EACA,mBAAA;EACA,sBAAA;EACA,mBAAA;ACoBF;;ADlBA;EACE,YAAA;EACA,aAAA;ACqBF;;ADnBA;EACE,yBAAA;ACsBF;;ADpBA;EACE,mBAAA;EACA,mBAAA;ACuBF;;ADrBA;EACE,mBAAA;EACA,mBAAA;ACwBF;;ADtBA;EACE,aAAA;EACA,sBAAA;EACA,SAAA;EACA,8BAAA;EACA,mBAAA;ACyBF;;AC/MA;EACE;IACE,kBAAA;IACA,mBAAA;EDkNF;EChNA;IACE,aAAA;IACA,+CAAA;IACA,sBAAA;IACA,0BAAA;IACA,4BAAA;EDkNF;EChNA;IACE,aAAA;EDkNF;EChNA;IACE,kBAAA;EDkNF;EChNA;IACE,yBAAA;IACA,kBAAA;IACA,gBAAA;IACA,eAAA;IACA,iBAAA;IACA,kBAAA;EDkNF;EChNA;IACE,yBAAA;IACA,kBAAA;IACA,gBAAA;IACA,eAAA;IACA,iBAAA;IACA,kBAAA;EDkNF;EChNA;IACE,YAAA;IACA,YAAA;IACA,gBAAA;EDkNF;EChNA;IACE,yBAAA;IACA,kBAAA;IACA,gBAAA;IACA,eAAA;IACA,iBAAA;IACA,kBAAA;EDkNF;EChNA;IACE,aAAA;IACA,uBAAA;EDkNF;EChNA;IACE,aAAA;EDkNF;EChNA;IACE,oBAAA;IACA,YAAA;IACA,aAAA;IACA,iBAAA;IACA,kBAAA;EDkNF;EChNA;IACE,yBAAA;IACA,kBAAA;IACA,gBAAA;IACA,eAAA;IACA,iBAAA;EDkNF;EChNA;IACE,yBAAA;IACA,kBAAA;IACA,gBAAA;IACA,eAAA;IACA,iBAAA;EDkNF;EChNA;IACE,aAAA;IACA,sBAAA;EDkNF;EChNA;IACE,aAAA;IACA,8BAAA;EDkNF;EChNA;IACE,YAAA;IACA,aAAA;EDkNF;AACF","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";