Browse Source

Merge branch 'master' of http://gitlab.a-level.com.ua/ostapenkonataliia/HomeWork_JS

ostapenkonataliia 2 years ago
parent
commit
9e0f269e35
6 changed files with 243 additions and 0 deletions
  1. 19 0
      HW_1/index.html
  2. 28 0
      HW_1/js.js
  3. 12 0
      HW_2/index.html
  4. 76 0
      HW_2/js.js
  5. 11 0
      HW_3/index.html
  6. 97 0
      HW_3/js.js

+ 19 - 0
HW_1/index.html

@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>Title</title>
+  <script src="js.js"></script>
+</head>
+<body>
+
+<form>
+    <p>Введите логин </p>
+    <input type="text" name="login" placeholder="Login" />
+    <p>Введите логин </p>
+    <input type="password" name="password" placeholder="Password" />
+    <p> <button> Log in </button> </p>
+</form>
+
+</body>
+</html>

+ 28 - 0
HW_1/js.js

@@ -0,0 +1,28 @@
+// Задание Calc
+
+const coffeCup = prompt('Введите количество чашек кофе, которые Вы покупаете за день');
+const price = prompt('Введите цену одной чашки кофе (грн.)');
+
+const dailyConst = coffeCup * price;
+const monthConst = dailyConst * 30;
+
+alert("Расходы на кофе за 1 день" + dailyConst + " грн. Расходы на кофе в месяц " + monthConst +" грн.");
+
+
+// Задание на синий пояс
+
+let userName = prompt("Введите логин");
+if (userName == 'admin') {
+    let pass = prompt("Введите пароль");
+    if (pass == 'qwerty') {
+        alert('Успешный вход');
+    } else if (pass == '' || pass == null) {
+        alert('Пароль не введен');
+    } else {
+        alert('Неправильный пароль');
+    }
+} else if (userName == '' || userName == null) {
+    alert('Логин не введен');
+} else {
+    alert("Неправильный логин");
+}

+ 12 - 0
HW_2/index.html

@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>Title</title>
+  <script src="js.js"></script>
+
+</head>
+<body>
+
+</body>
+</html>

+ 76 - 0
HW_2/js.js

@@ -0,0 +1,76 @@
+//1. assign: evaluation
+
+//Исследуйте код, найдите выражения в нём. Расставьте скобки так, что бы код не изменил своего поведения (работал так же
+//как и сейчас). Объясните как и в каком порядке вычисляются выражения и подвыражения.
+/*
+const a = 5; // обьявление переменной
+const b, c; //выражение
+b = a * 5; // выражение
+b = c = b/2; */
+//Скобки можно везде убрать, либо же добавить в любом месте, и код все равно останентся корректным
+
+//2. Number: age
+// С помощью prompt спросить у пользователя его возраст и подсчитать год рождения. Год рождения вывести с помощью alert.
+/*
+const age = prompt('Сколько Вам лет?');
+const bornYear = 2022 - age;
+
+alert("Ваш год рождения " + bornYear ); */
+
+// 3. Number: temperature
+// С помощью prompt спросить у пользователя температуру в градусах Цельсия и перевести их в Фаренгейты и/или наоборот.
+/*const tempC = prompt("Какая сейчас температура в градусах Цельсия");
+const tempF = tempC * 1.8 + 32;
+
+alert("Температура в Фарингейтах " + tempF); */
+
+//4. Number: divide
+// Сделайте калькулятор для расчета деления нацело двух чисел. Используйте Math.floor или альтернативы.
+/*
+const a = prompt("Введите a");
+const b = prompt("Введите b");
+const result = Math.floor(a / b);
+
+alert("Результат деления a/b = " + result); */
+
+//5. Number: currency
+//Напишите код, который вычисляет обмен валют по курсу, заданному с помощью константы const rate = КУРС ВАЛЮТЫ Считайте
+//значение в одной валюте с помощью prompt, после чего умножите/поделите это число на rate. Выведите результат используя
+//alert. Ограничьте количество знаков после запятой двумя (нас не волнуют дробные части центов/копеек)
+/*
+const rate = 36.71;
+const amount = prompt("Введите сумму (доллары США)");
+const amountChange = amount * rate;
+
+alert("Результат обменной операции - " + amountChange + " грн."); */
+
+//6. Number: RGB
+
+//С помощью prompt организуйте ввод трех констант red, green, blue в десятичной системе. Создайте из них CSS-цвет в
+//формате #RRGGBB используя шестнадцатиричную систему счисления. Значения меньше 16ти пока можно не учитывать.
+/*
+const colorRed = +prompt("Введите целое число от 0 до 256");
+const colorBlue = +prompt("Введите целое число от 0 до 256");
+const colorGreen = +prompt("Введите целое число от 0 до 256");
+
+const colorCss = "#" + colorRed.toString(16) + colorBlue.toString(16) + colorGreen.toString(16);
+alert("Ваш цвет " + colorCss); */
+
+//7. Number: flats
+//Сделайте калькулятор, который позволит вам исходя из информации о количества этажей в доме и количества квартир на
+// этаже находить подъезд и этаж определенной квартиры по её номеру.
+
+const porch = prompt("Введите количество подъездов в доме");
+const area = prompt("Введите количество квартир на этаже");
+const floor = prompt("Введите количество этажей в доме");
+const flat = prompt("Введите номер квартиры");
+
+
+const total = porch * floor * area; // Общее количество квартир в доме
+const totalPorch = total / porch; // Количество квартир в одном подьезде
+const numberPorch = Math.floor(1 + (flat - 1) / totalPorch) ; // Номер подьезда
+const numberFloor = Math.floor(1 + ((flat - 1) % totalPorch) / area); //Номер этажа
+
+alert(`Квартира № ${flat} находится в ${numberPorch} подъезде ${numberFloor} этаже`);
+
+

+ 11 - 0
HW_3/index.html

@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>Title</title>
+    <script src="js.js"></script>
+</head>
+<body>
+
+</body>
+</html>

+ 97 - 0
HW_3/js.js

@@ -0,0 +1,97 @@
+
+
+// 1 . String: greeting +
+// Спросите у пользователя имя, и поприветствуйте его с помощью alert.
+{/*
+    const name = prompt("Как Вас зовут?");
+    alert(`Приветсвуем Вас, ${name}`) */
+}
+
+// 2. String: gopni4ek +
+//Попросите пользователя ввести строку через prompt. Используя split и join сделайте что бы после любой запятой следовало
+// слово блин, .
+{/*
+    let str = prompt("Расскажите какая сегодня погода")
+
+    let result = str.split(',').join(' блин, ');
+    console.log(result); */
+}
+
+//3. String: capitalize +
+//Преобразуйте строку, введенную пользователем, таким образом, что бы первая буква становилась большой,
+// а остальные - маленькими:
+{ /*
+    let str = "cANBerRa"
+    let result = str[0].toUpperCase() + str.slice(1).toLowerCase();
+
+    console.log(result) */
+}
+
+//4. String: word count +
+// Посчитайте количество слов в строке. Используйте разбиение по пробелам. Длина массива называется так же, как и длина строки.
+{ /*
+    const line = "Мы сидели на ДжиЭсе прибавляли тихо в весе"
+    let words = line.split(' ') //разбиваем по пробелу, получаем массив из трех элементов
+
+    alert(`В масиве ${words.length} символов`); */
+}
+
+//5. String: credentials +
+// a. Спросите у пользователя ФИО, используя prompt трижды. Выкиньте лишние пробелы, используя .trim
+// b. Используя String: capitalize сделайте так, что бы каждое слово в ФИО было с большой буквы, а остальные - маленькие
+// c. Объедините эти три строки в одну переменную fullName и выведите куда-то(alert, console.log). Не забудьте пробелы между словами.
+{ /*
+    //a.
+    const secondName = prompt("Введите вашу фамилию");
+    const firstName = prompt("Введите ваше имя");
+    const patronymic = prompt("Введите ваше отчество");
+    console.log(secondName.trim(), firstName.trim(), patronymic.trim());
+    //b.
+    const secondNameNew = secondName[0].toUpperCase() + secondName.slice(1).toLowerCase();
+    const firstNameNew = firstName[0].toUpperCase() + firstName.slice(1).toLowerCase();
+    const patronymicNew = patronymic[0].toUpperCase() + patronymic.slice(1).toLowerCase();
+
+    console.log(secondNameNew, firstNameNew, patronymicNew)
+    // c.
+    let result = secondNameNew + " " + firstNameNew + " " + patronymicNew;
+    console.log(result) */
+}
+
+//6. String: beer +
+// Не используя .replace замените слово пиво в строке на слово чай
+{/*
+    let str = "Было жарко. Василий пил пиво вприкуску с креветками"
+    let result = str.split('пиво').join('чай');
+    console.log(result) //"Было жарко. Василий пил чай вприкуску с креветками" */
+}
+
+//7. String: no tag +
+// Найдите в строке HTML тэг. Удалите, т. е. вырежьте его - создайте другую строку, в которой будет все символы до тэга
+// и после него Тэг может быть любым
+{ /*
+    let str = "<div id=\"tera\">Здесь важная <a href=\"link\">информация</a></div> о тегах HTML."
+    let result = str.replace(/<[^>]+>/g,'');
+
+    alert(result); */
+}
+
+//8. String: big tag
+//На основе предыдущего задания сделайте тэг большими буквами:
+{ /*
+    let str = "какой-то текст в котором есть один тэг <br/> и всякое другое";
+    let tag = str.split(' ')[7].toUpperCase();
+    let result = str.split(' ')[7].toUpperCase();
+    console.log(tag); */
+}
+
+
+//9. String: new line
+// Попросите пользователя ввести строку через prompt. prompt не позволяет вводить многострочные строки.
+// Дадим пользователю такую возможность - Пользователь может вводить \n в качестве маркера новой строки.
+// Используя split и join сделайте эту строку воистину многострочной и выведите в консоль или через alert.
+{ /*
+    const str = prompt(`Как\nваши\nдела?`);
+    alert(str);
+    console.log(str); */
+}
+