Create Todo.html

SpaceCoderPro · web-flow · commit 6da3aea126da · 2024-09-07T21:43:39.000+04:00
diff --git a/Todo.html b/Todo.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>Comprehensive To-Do List Manager</title>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/3.7.0/chart.min.js"></script>
+    <style src="style.css"></style>
+</head>
+<body>
+    <div class="container">
+        <h1 id="greeting"></h1>
+        <div id="tabSelector">
+            <button onclick="switchTab('personal')">Personal</button>
+            <button onclick="switchTab('school')">School</button>
+        </div>
+        <h2>Add Task</h2>
+        <input type="text" id="taskInput" placeholder="Enter task">
+        <select id="subjectSelect"></select>
+        <select id="prioritySelect">
+            <option value="low">Low Priority</option>
+            <option value="medium">Medium Priority</option>
+            <option value="high">High Priority</option>
+        </select>
+        <input type="date" id="dueDateInput">
+        <button onclick="addTask()">Add Task</button>
+        <h2>Add Subject</h2>
+        <input type="text" id="subjectInput" placeholder="Enter new subject">
+        <button onclick="addSubject()">Add Subject</button>
+        <h2>Tasks</h2>
+        <ul id="taskList"></ul>
+        <div class="charts">
+            <div class="chart-container">
+                <canvas id="priorityChart"></canvas>
+            </div>
+            <div class="chart-container">
+                <canvas id="subjectChart"></canvas>
+            </div>
+        </div>
+    </div>
+<script src="functions.js"></script>
+</body>
+</html>
