123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333 |
- function App() {
- // Сформируйте объект с массивами и массив с объектами с осмысленными данными.
- var MarketShelf = {
- Candies: ['red', 'green', 'blue'],
- Cookies: ['chocolate', 'raisin', 'cream'],
- Soda: ['Pepsi', 'Fanta', 'Sprite']
- }
- var Collegues = [
- { name: 'Sasha', age: '35', occupation: 'PM' },
- { name: 'Slava', age: '20', occupation: 'Front End Developer' },
- { name: 'Bohdan', age: '40', occupation: 'Back End Developer' }
- ]
- // Добавьте условие отрицательного возраста в пример выше.
- // Расставьте недостающие(но синтаксически необязательные) фигурные скобки.
- var age = +prompt("Сколько вам лет?", "");
- if (age < 0) {
- alert("ты вообще жив?");
- }
- else {
- if (age < 18) {
- alert("школьник");
- }
- else {
- if (age > 18 && age < 30) {
- alert("молодежь");
- }
- else {
- if (age > 30 && age < 45) {
- alert("зрелость");
- }
- else {
- if (age > 45 && age < 60) {
- alert("закат");
- }
- else {
- if (age > 60) {
- alert("как пенсия?");
- }
- else {
- alert("то ли киборг, то ли ошибка");
- }
- }
- }
- }
- }
- }
- // Перепишите пример выше, используя if-else
- var color = prompt("Введите цвет", "");
- if (color == 'red') {
- document.write("<div style='background-color: red;'>красный</div>");
- }
- else if (color == "black") {
- document.write("<div style='background-color: black; color: white;'>черный</div>");
- }
- else if (color == "blue") {
- document.write("<div style='background-color: blue;'>синий</div>");
- }
- else if (color == "green") {
- document.write("<div style='background-color: green;'>зеленый</div>");
- }
- else {
- document.write("<div style='background-color: gray;'>Я не понял</div>");
- }
- // Напишите бессмысленное выражение, используя максимум усвоенных на текущий момент знаний.
- /*
- do {
- var a = [a, b, c, d, e];
- if (someVariable != 1 || otherVariable === 12) {
- alert('alert1');
- }
- else if ([a] != 5) {
- var j = 7 ? seven : notSeven;
- }
- else {
- switch (nthVariable) {
- case 1: alert('Glory to Ukraine');
- break;
- case 2: alert('Glory to Heroes!');
- break;
- default: alert('Death to Enemies!');
- }
- }
- }
- while (a <= 7 && b !== 3, 14)
- */
- // assign: evaluation
- // Исследуйте код, найдите выражения в нём.
- // Расставьте скобки так, что бы код не изменил своего поведения (работал так же как и сейчас).
- // Объясните как и в каком порядке вычисляются выражения и подвыражения.
- var a = (5); //5 - выражение
- var b, c;
- b = ((a) * 5); // выражение
- b = (c = (b / 2)); // выражение
- // 1. Сначала объявляется переменная а, ей присваевается значение 5.
- // 2. Затем объявляются переменные b и c.
- // 3. Переменная b высчитывается на третьей строчке кода и ей присваевавается вычисленное значение.
- // 4. На четвёртой строчке кода в переменной b вычисляется переменная c, исполльзуя значение раннее вычесленной переменной b.
- // 5. В переменную b присваевается значение переменной c и выводится в консоли.
- // semicolon: error
- // Сделайте несколько примеров кода, отсутствие ; в которых приводит к синтаксической ошибке
- /*
- var a = 6 var b = 14;
- prompt('message') alert('warning');
- */
- // semicolon: mistake
- // Сделайте несколько примеров кода, наличиe или отсутствие ; в которых приводит к логической ошибке
- // (т. е. код выполняется без синтаксических ошибок, но делает не то, что задумано)
- // Number: age
- // С помощью prompt спросить у пользователя его возраст и подсчитать год рождения. Год рождения вывести с помощью alert.
- var age = +prompt('Сколько вам сейчас лет?');
- var YearOfBirth = 2022 - age;
- alert('Ваш год рождения: ' + YearOfBirth);
- // Number: temperature
- // С помощью prompt спросить у пользователя температуру в градусах Цельсия и перевести их в Фаренгейты и/или наоборот.
- var DegCelcium = prompt('Введите температуру по шкале Цельсия:');
- var DegFahrenheit = (DegCelcium * 1.8) + 32;
- alert('Температура по шкале Фаренгейта равна: ' + DegFahrenheit);
- // Number: divide
- // Сделайте калькулятор для расчета деления нацело двух чисел. Используйте Math.floor или альтернативы.
- var a = prompt('Enter the first number: ');
- var b = prompt('Enter the second number: ');
- alert('Result:' + Math.floor(a / b));
- // Number: odd
- // С помощью prompt узнайте число, введенное пользователем. С помощью if проверьте что число корректно преобразовано из строки.
- // В случае ошибки выведите сообщение. Выведите четное число или нет, используя if.
- var Number = +prompt('Введите число: ');
- if (isNaN(Number)) {
- alert('Введенное значение не является числом!');
- }
- else {
- if (Number % 2 === 0) {
- alert('Число чётное.');
- }
- else {
- alert('Число нечётное.');
- }
- }
- // String: greeting
- // Спросите у пользователя имя, и поприветствуйте его с помощью alert.
- var Name = prompt('What is your name, stranger?');
- alert('May the Force be with you, ' + Name + '!');
- // String: lexics
- // Спросите у пользователя текст, и проверьте его на наличие некорректного слова или нескольких некорректных слов.
- // Используйте метод indexOf (или includes) строки.
- var SampleText = prompt('Enter some text...');
- if (SampleText.includes('fuck')) {
- alert('Hey, that is way too rude!');
- }
- else {
- alert('Okay, that is kinda interesting.')
- }
- // confirm
- // Поэкспериментируйте с confirm, определите тип данных, который он возвращает, и конкретные значения этого типа данных.
- console.log(typeof window.confirm()) // 'funciton', возвращает true или false
- // Boolean
- // Напишите код, который спрашивает те или иные вопросы с ответом "да"/"нет" с помощью confirm, и сохраняет ответы в переменных.
- var question = window.confirm('Are you a human?')
- console.log(question);
- // Boolean: if
- // Расширьте предыдущее задание условиями по полученным переменным условиями (if else).
- // Например, если вы спрашиваете пол пользователя с помощью confirm, то по условию сделайте alert("Вы женщина") и alert("Вы мужчина").
- var sex = window.confirm('Are you a dishwasher?')
- if (sex == true) {
- alert("Вы женщина");
- }
- else {
- alert("Вы мужчина");
- }
- // Array: real
- // Понаходите в вашей жизни вещи, которые похожи на массивы, и другие вещи, которые можно смоделировать с помощью массивов.
- var documents = ['ID card', 'Driver license', 'Military ID'];
- var classMates = ['Vasya', 'Danya', 'Kostya'];
- var pencilBox = ['red', 'green', 'blue', 'cyan', 'magnetta', 'yellow', 'black'];
- // Array: booleans
- // Создайте массив с переменными из заданий Boolean и Boolean if.
- var Boolean = [question];
- var BooleanIf = [sex];
- // Array: plus
- // Напишите код, который складывает первые два элемента массива и заносит это в элемент с индексом 2. Исследуйте полученный массив.
- var arr = [1, 2];
- arr[2] = arr[0] + arr[1];
- console.log(arr);
- // Array: plus string
- // Что будет, если в предыдущий примере использовать строки вместо чисел?
- // Сделайте версию для сложения 3х значений. Подумайте, зачем нужна эта возможность в наших примерах.
- var arr = ['hi ', 'hello ', 'how do you do'];
- arr[3] = arr[0] + arr[1] + arr[2];
- console.log(arr);
- // Object: real
- // Найдите те или иные реальные объекты и найдите их свойства.
- // Например у маркера это цвет, толщина, уровень зарядки (количество краски),
- // у автомобиля - бренд, модель, мощность двигателя, цвет и так далее. Создайте объекты с помощью {}.
- // В качестве образца посмотрите объект персоны из материала предыдущего занятия
- var Mercedes = {
- model: 'AMG GT Coupe',
- color: 'gray',
- year: '2022',
- volume: '4,0 l',
- power: '522 HP',
- }
- // Object: change
- // Поменяйте значения свойств в ваших объектах, используя [] и . и присвоения.
- Mercedes['model'] = 'G63';
- Mercedes.power = '577 HP';
- // Comparison: sizes
- // Сделайте перевод перевод из нашей системы размеров в американскую или любую на выбор.
- // Используйте prompt, условия сравнения и alert.
- var clothesSize = +prompt('Введите размер одежды по украинским меркам:');
- if (clothesSize >= 40 && clothesSize < 42) {
- alert('S');
- }
- else if (clothesSize >= 42 && clothesSize < 46) {
- alert('M');
- }
- else if (clothesSize >= 46 && clothesSize < 50) {
- alert('L');
- }
- else if (clothesSize >= 50 && clothesSize < 54) {
- alert('XL');
- }
- else if (clothesSize == 54) {
- alert('XXL');
- }
- else {
- alert('Тут что-то не так...')
- }
- // Comparison: object
- // Подумайте о том, как можно применить объекты к предыдущем заданию.
- var Size = {
- S: [40, 41],
- M: [42, 43, 44, 45],
- L: [46, 47, 48, 49],
- XL: [50, 51, 52, 53],
- XXL: [54],
- }
- // Ternary
- // Спросите у пользователя пол (confirm). Выведите с помощью alert "Вы мужчина" или "Вы женщина".
- // Сделайте это оператором alert. Используйте тернарный оператор.
- var sex = window.confirm('Are you a dishwasher?') ? alert("Вы женщина") : alert("Вы мужчина");
- // Синий пояс Number: flats
- // Сделайте калькулятор, который позволит вам исходя из информации о количества
- // этажей в доме и количества квартир на этаже находить подъезд и этаж определенной квартиры по её номеру.
- // Например для 9-этажного дома по 4 квартиры на этаж 81 квартира находится на 3м этаже третьего подъезда.
- var FloorNumber = prompt('Enter the number of floors:');
- var FlatsPerFloor = prompt('How many flats are on the one floor?');
- var FlatNumber = prompt('Enter the flat number:');
- var Section = Math.floor((FlatNumber - 1) / (FloorNumber * FlatsPerFloor) + 1);
- var Floor = Math.floor(((FlatNumber - (Section - 1) * FloorNumber * FlatsPerFloor) - 1) / FlatsPerFloor + 1);
- alert('Your flat is on the ' + (Section) + ' section on the ' + (Floor) + ' floor.');
- }
- export default App;
|