To - do list application

Functional Dxplaination
Basic functions
Add tasks: Users can enter task content, set priorities and deadlines, then click the "Add" button or press the back button to add a new task.
View tasks: All added tasks are displayed in the task list, including task content, priority markers, and deadlines.
Completing a task: The circular check box before clicking on a task can mark a task as completed. A completed task will be marked with a deleted line.
Delete tasks: Click the trash can icon to the right of the task to delete the task.
Clear completed tasks: Click the "Clear completed" button at the bottom to delete all completed tasks at once.
Advanced Features
Mission priorities:

High priority: red marking
Medium priority: orange mark
Low priority: green marking
Task filtering:

All: Show all tasks
Unfinished: Only unfinished tasks are shown
Completed: Only tasks that have been completed show
Order of tasks:

Ordered by priority: High priority tasks are ahead
Sort by deadline: The tasks nearest the deadline are ahead
Ordered by when added: The most recently added task comes first
Deadline shows:

Those that expire today are shown as "today"
Those that expire tomorrow are shown as "tomorrow"
Other dates are shown as "month + date"
Outdated mission dates are displayed in red with a warning icon
Data Persistence:

Use the localStorage of Liudian to save task data, close the page and open it again to see the previous task