index.html

avatar
unknown
html
5 months ago
1.3 kB
3
Indexable
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Priority Queue-Based Daily Goal Tracker</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <header>
        <h1>Goal-ito: Priority Queue-Based Daily Goal Tracker</h1>
    </header>

    <main>
        <section class="add-task-section">
            <h2>Add a New Task</h2>
            <form id="task-form">
                <label for="task-name">Task Name:</label>
                <input type="text" id="task-name" required>

                <label for="priority">Priority (lower is more important):</label>
                <input type="number" id="priority" required min="1" max="10">

                <label for="due-date">Due Date (optional):</label>
                <input type="date" id="due-date">

                <button type="submit">Add Task</button>
            </form>
        </section>

        <section class="task-list-section">
            <h2>Task List</h2>
            <ul id="task-list"></ul>
        </section>
    </main>

    <footer>
        <p>Goal-ito - Track your goals efficiently!</p>
    </footer>

    <script src="script.js"></script>
</body>
</html>
Editor is loading...
Leave a Comment