antonpatotski · xxsamgelik · Jun 2, 2023 · Jun 2, 2023 · Jun 6, 2023 · Jun 6, 2023
diff --git a/HOMEWORK/RomanSemenyk/SemenykRoman.scss b/HOMEWORK/RomanSemenyk/SemenykRoman.scss
@@ -0,0 +1,90 @@
+.checked {
+  background-color: #e1e1e1;
+}
+
+
+
+.container {
+  max-width: 50%;
+}
+.container-wrap {
+  padding: 25px 60px 100px 60px;
+  border: 3px solid #000000;
+  border-radius: 30px;
+  background-color: #eeeeee;
+}
+
+.first-line {
+  gap: 27px;
+  margin-bottom: 60px;
+
+  &-btn {
+    background-color: #17e7cf;
+    border: 3px solid #000000;
+    border-radius: 13px;
+    padding: 25px 0;
+
+    font-weight: 500;
+    font-size: 24px;
+    line-height: 29px;
+    color: #5e5d5e;
+  }
+
+  &-input {
+    border: 3px solid #000000;
+    background-color: transparent;
+    border-radius: 13px;
+    height: 100%;
+
+    font-style: normal;
+    font-weight: 500;
+    font-size: 24px;
+    line-height: 29px;
+    color: #5e5d5e;
+  }
+}
+
+.second {
+  gap: 25px;
+}
+.second-line {
+  border: 3px solid #000000;
+  background-color: transparent;
+  border-radius: 26px;
+  padding: 25px;
+
+  &-input {
+    width: 100%;
+    padding: 24px 0;
+
+    background-color: #ffffff;
+  }
+  &-check {
+    &-mark {
+      width: 67px !important;
+      height: 45px !important;
+    }
+  }
+}
+
+.cancel {
+  gap: 30px;
+}
+
+.cancel-text {
+  font-weight: 500;
+  font-size: 32px;
+  line-height: 39px;
+  color: #5e5d5e;
+}
+
+.title {
+  margin-top: 100px;
+}
+
+.w-80 {
+  width: 80% !important;
+}
+.m-30 {
+  margin-bottom: 30px;
+}
diff --git a/HOMEWORK/RomanSemenyk/Timer/timer.css b/HOMEWORK/RomanSemenyk/Timer/timer.css
@@ -0,0 +1,13 @@
+.container {
+    text-align: center;
+    margin-top: 100px;
+}
+
+#timer {
+    font-size: 24px;
+    margin-bottom: 20px;
+}
+
+button {
+    margin-right: 10px;
+}
diff --git a/HOMEWORK/RomanSemenyk/Timer/timer.html b/HOMEWORK/RomanSemenyk/Timer/timer.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>Timer</title>
+  <link rel="stylesheet" type="text/css" href="./timer.css">
+</head>
+<body>
+<div class="container">
+  <h1>Timer</h1>
+  <div id="timer">00 sec</div>
+  <button id="startBtn">Start</button>
+  <button id="stopBtn">Stop</button>
+</div>
+
+<script src="./timer.js"></script>
+</body>
+</html>
diff --git a/HOMEWORK/RomanSemenyk/Timer/timer.js b/HOMEWORK/RomanSemenyk/Timer/timer.js
@@ -0,0 +1,32 @@
+// Timer functionality
+let timerId;
+let timeElapsed = 0;
+let isRunning = false;
+
+function startTimer() {
+    if (!isRunning) {
+        isRunning = true;
+        timerId = setInterval(updateTimer, 1000);
+    }
+}
+
+function stopTimer() {
+    if (isRunning) {
+        clearInterval(timerId);
+        isRunning = false;
+    }
+}
+
+function updateTimer() {
+    timeElapsed++;
+    document.getElementById('timer').textContent = formatTime(timeElapsed);
+}
+
+function formatTime(time) {
+    const seconds = time % 60;
+    return seconds.toString().padStart(2, '0') + ' sec';
+}
+
+// Event listeners
+document.getElementById('startBtn').addEventListener('click', startTimer);
+document.getElementById('stopBtn').addEventListener('click', stopTimer);
diff --git a/HOMEWORK/RomanSemenyk/fetch-training/index.html b/HOMEWORK/RomanSemenyk/fetch-training/index.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>Todos List</title>
+</head>
+<body>
+<h1>Todos List</h1>
+
+<script src="./index.js"></script>
+</body>
+</html>
diff --git a/HOMEWORK/RomanSemenyk/fetch-training/index.js b/HOMEWORK/RomanSemenyk/fetch-training/index.js
@@ -0,0 +1,20 @@
+function getTodos() {
+        fetch('https://jsonplaceholder.typicode.com/todos')
+        .then(response => response.json())
+        .then(data => printTodos(data))
+        .catch(error => console.log(error));
+}
+
+function printTodos(todos) {
+    const ul = document.createElement('ul');
+
+    todos.forEach(todo => {
+        const li = document.createElement('li');
+        li.textContent = todo.id + ' ' + todo.title;
+        ul.appendChild(li);
+    });
+
+    document.body.appendChild(ul);
+}
+
+getTodos();
diff --git a/HOMEWORK/RomanSemenyk/hw_6.js b/HOMEWORK/RomanSemenyk/hw_6.js
@@ -0,0 +1,99 @@
+export function home6() {
+    const container = document.createElement("div");
+    container.id = "container";
+    document.body.appendChild(container);
+
+    const cont = document.createElement("div");
+    cont.id="cont";
+    container.appendChild(cont);
+
+    const deleteButton = document.createElement("button");
+    deleteButton.id = "deleteButton";
+    deleteButton.textContent = "Delete All";
+    cont.appendChild(deleteButton);
+
+
+    const enterTodo = document.createElement("input");
+    enterTodo.id = "inputTodo";
+    enterTodo.value = "Enter todo.."
+
+    cont.appendChild(enterTodo);
+
+    const addButton = document.createElement("button");
+    addButton.id="addButton";
+    addButton.textContent = "Add";
+
+    cont.appendChild(addButton)
+
+    const borderFirst = document.createElement("div");
+    borderFirst.classList.add("borderFirst");
+    cont.appendChild(borderFirst);
+
+    const buttonCheck = document.createElement("button");
+    buttonCheck.id="buttonCheck";
+    buttonCheck.textContent="✓"
+    borderFirst.appendChild(buttonCheck);
+
+    const todoText = document.createElement("input");
+    todoText.id="todoText";
+    todoText.value = "Todo text"
+    borderFirst.appendChild(todoText);
+
+    const date = document.createElement("input");
+    date.id="date";
+    date.value = "Date"
+    borderFirst.appendChild(date);
+
+    const buttonCancel = document.createElement("button");
+    buttonCancel.id="buttonCancel";
+    buttonCancel.textContent="X"
+    borderFirst.appendChild(buttonCancel);
+
+
+
+    const borderSecond = document.createElement("div");
+    borderSecond.classList.add("borderFirst");
+    cont.appendChild(borderSecond);
+
+    const buttonCheck2 = document.createElement("button");
+    buttonCheck2.id="buttonCheck";
+    buttonCheck2.textContent="✓"
+    borderSecond.appendChild(buttonCheck2);
+
+    const todoText2 = document.createElement("input");
+    todoText2.id="todoText";
+    todoText2.value = "Todo text"
+    borderSecond.appendChild(todoText2);
+
+    const date2 = document.createElement("input");
+    date2.id="date";
+    date2.value = "Date"
+    borderSecond.appendChild(date2);
+
+    const buttonCancel2 = document.createElement("button");
+    buttonCancel2.id="buttonCancel";
+    buttonCancel2.textContent="X"
+    borderSecond.appendChild(buttonCancel2);
+
+    addButton.addEventListener('click',function (){
+        const card = document.createElement('div');
+        card.classList.add('card');
+        container.appendChild(card);
+    })
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+}