Tạo Todo List cơ bản

Quay lại bài học

Tạo Todo List cơ bản

Lập trình

Xây dựng ứng dụng todo list đơn giản

Tạo ứng dụng todo list với các chức năng: 1. Thêm todo mới 2. Đánh dấu todo hoàn thành 3. Xóa todo

Code mẫu
<!DOCTYPE html>
<html>
<head>
  <style>
    .completed { text-decoration: line-through; color: gray; }
    .todo-item { margin: 10px 0; padding: 10px; border: 1px solid #ddd; }
  </style>
</head>
<body>
  <h1>Todo List</h1>
  <input type="text" id="todo-input" placeholder="Thêm todo mới...">
  <button id="add-btn">Thêm</button>
  <div id="todo-list"></div>

  <script>
    // Viết code của bạn ở đây
    const todoInput = document.getElementById('todo-input');
    const addButton = document.getElementById('add-btn');
    const todoList = document.getElementById('todo-list');

    // Thêm chức năng ở đây
  </script>
</body>
</html>