d-okhrimenko · welkmoon · Sep 27, 2024 · Sep 27, 2024 · Oct 1, 2024 · Oct 2, 2024
diff --git a/.vscode/settings.json b/.vscode/settings.json
@@ -0,0 +1,3 @@
+{
+    "liveServer.settings.port": 5502
+}
diff --git a/ClassWork/Lesson 3/task3.html b/ClassWork/Lesson 3/task3.html
@@ -23,7 +23,7 @@
     <script>
         document.querySelector("#btnToC").onclick = function() {
             let tempF = Number(document.querySelector("#temp").value); 
-            let tempC = 5/9 * (tempF - 32);
+            let tempC = 5 / 9 * (tempF - 32);
             showResult(tempC);
         }
 

diff --git a/HomeWork/HomeWorkAnswers/Lesson-2/Task_2.html b/HomeWork/HomeWorkAnswers/Lesson-2/Task_2.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+</head>
+<body>
+    <p id="output">Hello, Mariia!</p>
+    <button id="btn">Click to get the date</button>
+    <script>
+        document.querySelector("#btn").onclick = function(){
+            let output = document.querySelector("#output");
+        output.innerHTML= new Date();
+        output.style.color ="green"
+        }
+    </script>
+</body>
+</html>
diff --git a/HomeWork/HomeWorkAnswers/Lesson-2/Task_3.html b/HomeWork/HomeWorkAnswers/Lesson-2/Task_3.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+</head>
+<body>
+    <button id="btn">Click to say "Hello"</button>
+    <script>
+        document.querySelector("#btn").onclick = function(){
+            alert("Hello, Mariia!");
+        }
+    </script>
+</body>
+</html>
diff --git a/HomeWork/HomeWorkAnswers/Lesson-3/HW-Task-1/index.html b/HomeWork/HomeWorkAnswers/Lesson-3/HW-Task-1/index.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+</head>
+<body>
+    <script src = "task_1.js"> </script>
+
+</body>
+</html>
+
+
+
+<!-- TODO
+
+Написати програму, яка визначає, чи є введене число парним або непарним.
+
+Кроки для виконання завдання:
+
++ Введення числа:
+Використайте prompt для введення числа користувачем.
+
++ Перетворення введених даних на число:
+Перетворіть введене значення з рядка на число, використовуючи parseInt або Number.
+
+- Перевірка введених даних:
+Переконайтеся, що користувач ввів коректне число.
+
+- Перевірка на парність:
+Використайте оператор залишку від ділення (%), щоб визначити, чи є число парним або непарним.
+
+- Виведення результату:
+Використайте alert для виведення повідомлення про те, чи є число парним або непарним. -->
diff --git a/HomeWork/HomeWorkAnswers/Lesson-3/HW-Task-1/task_1.js b/HomeWork/HomeWorkAnswers/Lesson-3/HW-Task-1/task_1.js
@@ -0,0 +1,18 @@
+while (true) {
+    let userInput = prompt("Enter a number");
+
+    if (Number.isInteger(Number(userInput))) {
+        ifEven(userInput)
+    } else {
+        alert("Будь ласка, введіть ціле число.");
+    }
+
+    function ifEven(number) {
+        if (number % 2 == 0) {
+            alert("this number is even");
+        } else {
+            alert("this number is odd");
+        }
+    }
+}
+
diff --git a/HomeWork/HomeWorkAnswers/Lesson-3/HW-Task-2/index.html b/HomeWork/HomeWorkAnswers/Lesson-3/HW-Task-2/index.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+    <link href="style.css" rel="stylesheet" />
+</head>
+<body>
+    <div class="centered-block"> <b id="output"> </b></div>
+    <script src = "task_2.js"> </script>
+
+</body>
+</html>
+
+
+<!-- TODO
+
+Завдання 2
+Написати програму, яка визначає, який сьогодні день тижня, і виводить відповідне повідомлення.
+
+Кроки для виконання завдання:
+
+Отримання поточної дати:
+- Використайте об'єкт Date для отримання поточної дати.
+
+Визначення дня тижня:
+- Використайте метод getDay() об'єкта Date для отримання дня тижня (0 для неділі, 1 для понеділка і т.д.).
+
+Виведення результату:
+- Використайте оператор if для визначення дня тижня і виведення відповідного повідомлення. -->
diff --git a/HomeWork/HomeWorkAnswers/Lesson-3/HW-Task-2/style.css b/HomeWork/HomeWorkAnswers/Lesson-3/HW-Task-2/style.css
@@ -0,0 +1,18 @@
+html, body {
+    height: 100%; /* Забезпечує 100% висоту для body */
+    margin: 0;
+}
+
+.centered-block {
+    width: 300px; /* Ширина блоку */
+    padding: 20px; /* Відступи всередині блоку */
+    margin: auto; /* Центрування по горизонталі */
+    position: absolute; /* Абсолютне позиціонування для центрування по вертикалі */
+    top: 50%; /* Центрування по вертикалі */
+    left: 50%; /* Центрування по горизонталі */
+    transform: translate(-50%, -50%); /* Рівномірне зміщення на 50% по осям */
+    border: 3px solid black; /* Рамка блоку */
+    font-size: 24px; /* Великий шрифт */
+    text-align: center; /* Вирівнювання тексту по центру */
+    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Тінь для більшої видимості */
+}
diff --git a/HomeWork/HomeWorkAnswers/Lesson-3/HW-Task-2/task_2.js b/HomeWork/HomeWorkAnswers/Lesson-3/HW-Task-2/task_2.js
@@ -0,0 +1,23 @@
+let currentDate = new Date();
+
+let dayOfWeek = currentDate.getDay();
+
+console.log(dayOfWeek);
+
+let output = document.querySelector('#output');
+
+if (dayOfWeek == 0){
+    output.innerHTML = "Today is Sunday";
+} else if (dayOfWeek == 1){
+    output.innerHTML = "Today is Monday";
+} else if (dayOfWeek == 2){
+    output.innerHTML = "Today is Tuesday";
+} else if (dayOfWeek == 3){
+    output.innerHTML = "Today is Wednesday";
+} else if (dayOfWeek == 4){
+    output.innerHTML = "Today is Thursday";
+} else if (dayOfWeek == 5){
+    output.innerHTML = "Today is Friday";
+} else if (dayOfWeek == 6){
+    output.innerHTML = "Today is Saturday";
+}
diff --git a/HomeWork/HomeWorkAnswers/Lesson-3/HW-Task-3/index.html b/HomeWork/HomeWorkAnswers/Lesson-3/HW-Task-3/index.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+</head>
+<body>
+
+    <script src = "task_3.js"> </script>
+
+</body>
+</html>
+
+
+
+<!-- TODO
+
+Написати програму, яка перевіряє, чи є введений рік високосним.
+
+Кроки для виконання завдання:
+
+Введення року:
+- Використайте prompt для введення року користувачем.
+
+Перетворення введених даних на число:
+- Перетворіть введене значення з рядка на число, використовуючи parseInt або Number.
+
+Перевірка введених даних:
+- Переконайтеся, що користувач ввів коректне число.
+
+Перевірка на високосний рік:
+- Використайте умовні оператори для перевірки, чи є рік високосним. (Рік є високосним, якщо він кратний 4, але не кратний 100, або кратний 400.)
+
+Виведення результату:
+- Використайте alert для виведення результату. -->
diff --git a/HomeWork/HomeWorkAnswers/Lesson-3/HW-Task-3/task_3.js b/HomeWork/HomeWorkAnswers/Lesson-3/HW-Task-3/task_3.js
@@ -0,0 +1,17 @@
+while (true) {
+    let userYear = prompt("Enter a year:");
+
+    if (Number.isInteger(Number(userYear))) {
+        ifLeapYear(userYear);
+    } else {
+        alert("Будь ласка, введіть ціле число.");
+    }
+
+    function ifLeapYear(year) {
+        if ((year % 4 === 0 && year % 100 !== 0) || (year % 400 === 0)) {
+            alert(`${year} leap year`);
+        } else {
+            alert(`${year} not a leap year`);
+        }
+    }
+}
diff --git a/HomeWork/HomeWorkAnswers/Lesson-4/HW-Task-1/index.html b/HomeWork/HomeWorkAnswers/Lesson-4/HW-Task-1/index.html
@@ -0,0 +1,43 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+</head>
+
+<body>
+
+        <script src = "task_1.js"> </script>
+
+</body>
+
+</html>
+
+<!-- Гра: "Камінь, ножиці, папір"
+
+Опис гри:
+Користувач грає проти комп'ютера в класичну гру "Камінь, ножиці, папір". Програма запитує вибір користувача, генерує випадковий вибір для комп'ютера, визначає переможця та виводить результат.
+
+Кроки для виконання завдання:
+
+1. Введення вибору користувача:
+   - Використайте `prompt` для запиту вибору користувача (камінь, ножиці, папір).
+
+2. Генерація вибору комп'ютера:
+   - Використайте `Math.random()` для випадкового вибору між каменем, ножицями і папером.
+
+3. Визначення переможця:
+   - Використайте умовні конструкції для визначення переможця за правилами гри:
+     - Камінь б'є ножиці.
+     - Ножиці б'ють папір.
+     - Папір б'є камінь.
+     - Однакові вибори - нічия.
+
+4. Виведення результату:
+   - Використайте `alert` для виведення вибору користувача, вибору комп'ютера та результату гри.
+
+Додаткові завдання:
+1. Додати можливість гри кілька раундів з підрахунком загального рахунку.
+2. Додати можливість користувачеві вийти з гри за допомогою спеціальної команди (наприклад, введення "вихід") -->
diff --git a/HomeWork/HomeWorkAnswers/Lesson-4/HW-Task-1/task_1.js b/HomeWork/HomeWorkAnswers/Lesson-4/HW-Task-1/task_1.js
@@ -0,0 +1,55 @@
+function getRandomChoice() {
+    let randomNuber = Math.floor(Math.random() * 3);
+    switch (randomNuber) {
+        case 0:
+            return "камінь";
+        case 1:
+            return "ножиці";
+        case 2:
+            return "папір";
+    }
+}
+
+function getUserChoice() {
+    while (true) {
+        let userChoice = prompt("Ваш хід (камінь/ножиці/папір)").toLowerCase();
+        let isValid = userChoice == "камінь" || userChoice == "ножиці" || userChoice == "папір";
+        if (isValid) return userChoice;
+    }
+
+}
+
+let userChoice = getUserChoice()
+let computerChoice = getRandomChoice();
+
+console.log(userChoice);
+console.log(computerChoice);
+
+function getWinner(userChoice, computerChoice) {
+    if (userChoice == computerChoice) {
+        return "Нічия!";
+    }
+
+    if (userChoice == "камінь") {
+        if (computerChoice == "ножиці") {
+            return "Гравець перемагає! Камінь б'є ножиці.";
+        } else {
+            return "Комп'ютер перемагає! Папір б'є камінь.";
+        }
+    } else if (userChoice == "ножиці") {
+        if (computerChoice == "папір") {
+            return "Гравець перемагає! Ножиці б'ють папір.";
+        } else {
+            return "Комп'ютер перемагає! Камінь б'є ножиці.";
+        }
+    } else if (userChoice == "папір") {
+        if (computerChoice == "камінь") {
+            return "Гравець перемагає! Папір б'є камінь.";
+        } else {
+            return "Комп'ютер перемагає! Ножиці б'ють папір.";
+        }
+    }
+}
+
+let result = getWinner(userChoice, computerChoice);
+alert (result);
diff --git a/HomeWork/HomeWorkAnswers/Lesson-4/HW-Task-2/index.html b/HomeWork/HomeWorkAnswers/Lesson-4/HW-Task-2/index.html
@@ -0,0 +1,42 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+</head>
+
+<body>
+    <script src="task_2.js"> </script>
+</body>
+
+</html>
+
+<!-- 
+Гра: "Математичний квіз"
+
+Опис гри:
+Програма генерує випадкові математичні вирази (додавання, віднімання, множення, ділення) та запитує у користувача правильну відповідь. Користувач має обмежену кількість спроб, щоб дати правильну відповідь. Програма виводить кількість правильних та неправильних відповідей після завершення гри.
+
+Кроки для виконання завдання:
+
+1. Генерація математичних виразів:
+
+	- Використайте Math.random() для генерації двох випадкових чисел і оператора (+, -, *, /).
+
+2. Запит правильних відповідей:
+
+	- Використайте prompt для запиту відповідей у користувача.
+
+3 Перевірка відповідей:
+
+	- Використайте умовні конструкції для перевірки правильності відповідей.
+
+4 Підрахунок результатів:
+
+	- Підрахуйте кількість правильних та неправильних відповідей.
+
+5.Виведення результатів:
+
+	- Використайте alert для виведення підсумкових результатів. -->