first commit

26845884 · dseben · fafd7a52 · 26845884 · 26845884 · 26845884
Commit 26845884 authored Sep 21, 2020 by dseben
--- a/index.html
+++ b/index.html
+<!DOCTYPE html>
+<html lang="hu">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
+    <link rel="stylesheet" href="style.css" />
+    <title>Schdesign Todo</title>
+  </head>
+  <body>
+    <h1>My first todo project</h1>
+    <input type="text" id="task-input" />
+    <button id="add-task">Click me!</button>
+    <div id="todo-list">
+      <ul id="tasks">
+        <li class="task">
+          <input type="checkbox" id="task0" />
+          <label for="task0">1. tennivaló</label>
+          <button>X</button>
+        </li>
+        <li>2. tennivaló</li>
+      </ul>
+    </div>
+    <script src="script.js"></script>
+  </body>
+</html>
--- a/notes.txt
+++ b/notes.txt
+Font-awesome
+#DDD
+placeholder (input type = "text"-re)
+///////
+To look up later: 
+• position:relative; position:absolute;
--- a/script.js
+++ b/script.js
+addBttn = document.getElementById("add-task");
+addBttn.onclick = addTask;
+function addTask() {
+  inputValue = document.getElementById("task-input").value;
+  taskList = document.getElementById("tasks");
+  taskLi = document.createElement("li");
+  taskLi.setAttribute("class", "task");
+  taskLi.innerText = inputValue;
+  taskList.appendChild(taskLi);
+}
--- a/style.css
+++ b/style.css
+#tasks {
+  color: red;
+}