Browse Source

HW01 done

Alyona Brytvina 3 years ago
parent
commit
5b63d6445b
3 changed files with 212 additions and 0 deletions
  1. 18 0
      HW01/index.html
  2. 177 0
      HW01/main.js
  3. 17 0
      HW01/style.css

+ 18 - 0
HW01/index.html

@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>Hw02</title>
+    <link rel="stylesheet" href="style.css">
+</head>
+<body>
+<div class="container">
+    <input type="text" placeholder="Введите количество этажей в доме" class="number-1"/>
+    <input type="text" placeholder="Введите количество квартир на этаже" class="number-2"/>
+    <input type="text" placeholder="Введите номер желаемой квартиры" class="number-3"/>
+    <button class="button-push">Результат</button>
+    <div class="result"></div>
+</div>
+<script src="main.js"></script>
+</body>
+</html>

+ 177 - 0
HW01/main.js

@@ -0,0 +1,177 @@
+// 1. Посчитать год рождения по возрасту
+
+let agePerson = prompt('Сколько вам лет?');
+let resultYear = 2021 - agePerson;
+alert(`Ваш год рождения ${resultYear}`);
+
+// 2.спросить у пользователя температуру в градусах Цельсия и перевести их в Фаренгейты
+
+let temperatureCelsius = prompt('Сколько сейчас градусов по Цельсию?');
+let temperatureFahrenheit = temperatureCelsius * 1.8 + 32;
+alert(`Сейчас ${temperatureFahrenheit} градусов по Фаренгейту`);
+
+// 3.Узнайте число, введенное пользователем. С помощью if проверьте что число корректно преобразовано из строки. В случае ошибки выведите сообщение Выведите четное число или нет, используя if.
+
+let userEnter = prompt('Введите число!');
+
+if (typeof +userEnter !== 'number') {
+    alert('Вы ввели не число! Повторите попытку!');
+} else {
+    alert('Поздравляю, вы ввели число!');
+}
+
+// 4.Спросите у пользователя имя, и поприветствуйте его с помощью alert
+
+let userName = prompt('Как вас зовут?');
+alert(`Здравствуйте, ${userName}!`);
+
+//5.Поэкспериментируйте с confirm, определите тип данных, который он возвращает, и конкретные значения этого типа данных.
+// Возвращает true/false
+
+let resultConfirm = confirm('');
+alert(typeof resultConfirm);
+
+// 6.Расширьте предыдущее задание условиями по полученным переменным условиями (if else). Например, если вы спрашиваете пол пользователя с помощью confirm, то по условию сделайте alert("Вы женщина") и alert("Вы мужчина")
+
+let resultSex = confirm('Вы пренадлежите к мужскому полу?');
+if (resultSex) {
+    alert('Вы мужчина!');
+} else {
+    alert('Вы женщина!');
+}
+
+// 7.Понаходите в вашей жизни вещи, которые похожи на массивы, и другие вещи, которые можно смоделировать с помощью массивов.
+// Пример массива девичья фамилия и после замужества
+
+let array = ['Ivanova', 'Brytvina'];
+
+// 8.Создайте массив с переменными из заданий Boolean и Boolean if.
+
+let arrFromBooleanTask = ['Вы мужчина', 'Вы женщина'];
+
+// 9.Напишите код, который складывает первые два элемента массива и заносит это в элемент с индексом 2. Исследуйте полученный массив.
+
+let arrOfNumbers = [8, 2, 3, 5, 7];
+arrOfNumbers[2] = arrOfNumbers[0] + arrOfNumbers[1];
+console.log(arrOfNumbers);
+
+// 10.Что будет, если в предыдущий примере использовать строки вместо чисел? Сделайте версию для сложения 3х значений.
+
+let arrayOfStrings = ['I', 'love', 'JS'];
+let resultOfOperation = arrayOfStrings.join(' ');
+console.log(resultOfOperation);
+
+// 11.Найдите те или иные реальные объекты и найдите их свойства.
+
+let person = {
+    firstName: 'Alyona',
+    lastName: 'Brytvina',
+    age: 23,
+    eyeColor: 'blue'
+};
+
+console.log(person.firstName, person.lastName, person.age, person.eyeColor);
+
+// 12.Поменяйте значения свойств в ваших объектах, используя [] и . и присвоения.
+
+person.eyeColor = 'green';
+person['lastName'] = 'Ivanova';
+
+console.log(person);
+
+// 13.Comparison if
+
+let age = +prompt('Сколько вам лет?', '');
+if (age < 0) {
+    alert('еще не родился');
+} else {
+    if (age >= 5 && age < 18) {
+        alert('школьник');
+    } else {
+        if (age >= 19 && age < 30) {
+            alert('молодеж');
+        } else {
+            if (age >= 31 && age < 45) {
+                alert('зрелость');
+            } else {
+                if (age >= 46 && age < 60) {
+                    alert('закат');
+                } else {
+                    if (age >= 60 && age <= 100) {
+                        alert('как пенсия?');
+                    } else {
+                        alert('то ли киборг, то ли ошибка');
+                    }
+                }
+            }
+        }
+    }
+}
+// 14.Сделайте перевод перевод из нашей системы размеров в американскую или любую на выбор. Используйте prompt, условия сравнения и alert.
+
+let sizeOutWear = prompt('Введите ваш размер верхней одежды (от 40 до 54).');
+
+if (+sizeOutWear === 40) {
+    alert('По системе мерок США у вас размер S(6)');
+} else if (+sizeOutWear === 42) {
+    alert('По системе мерок США у вас размер M(8)');
+} else if (+sizeOutWear === 44) {
+    alert('По системе мерок США у вас размер 10');
+} else if (+sizeOutWear === 46) {
+    alert('По системе мерок США у вас размер L(12)');
+} else if (+sizeOutWear > 48 && +sizeOutWear <= 54) {
+    alert('Пора худеть');
+} else {
+    alert('Проверьте правильность ввода данных!');
+}
+
+
+// 15.Подумайте о том, как можно применить объекты к предыдущем заданию.
+
+let outwearSizeRussian = {
+    40: {
+        'Germany': 34,
+        'France': 36,
+        'Italy': 38,
+        'Great Britain': 8,
+        'USA': 6,
+    },
+    42: {
+        'Germany': 36,
+        'France': 38,
+        'Italy': 40,
+        'Great Britain': 10,
+        'USA': 8,
+    },
+    44: {
+        'Germany': 38,
+        'France': 40,
+        'Italy': 42,
+        'Great Britain': 12,
+        'USA': 10,
+    }
+};
+
+// 16.Синий пояс
+
+
+document.querySelector('.button-push').onclick = () => {
+    // 1.найти количесвто квартир в подьезде
+    let quantityOfFloors = document.querySelector('.number-1').value;
+    let quantityOfFlatsOnFloor = document.querySelector('.number-2').value;
+    let quantityFlatsInHouse = +quantityOfFloors * +quantityOfFlatsOnFloor;
+
+    // 2.найти номер подьезда
+
+    let numberOfSearchFloat = document.querySelector('.number-3').value;
+    let entrance = Math.ceil(numberOfSearchFloat / quantityFlatsInHouse);
+
+    // 3.найти этаж
+
+    let searchFloor = Math.ceil((numberOfSearchFloat % quantityFlatsInHouse) / +quantityOfFlatsOnFloor);
+    console.log(searchFloor)
+
+    document.querySelector('.result').innerHTML =  ` Квартира №${numberOfSearchFloat} находится в ${entrance} подъезде на ${searchFloor} этаже`;
+};
+
+

+ 17 - 0
HW01/style.css

@@ -0,0 +1,17 @@
+.container {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+}
+
+.number-1, .number-2, .number-3 {
+    width: 250px;
+    height: 30px;
+    border-radius: 3px;
+    margin: 10px 0;
+}
+
+.button-push{
+    margin-bottom: 10px;
+}