какой % что это сделано на нейросетях ?
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>To-Do SPA</title>
  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
</head>
<body class="bg-light">
  <header class="bg-dark text-white py-3">
    <h1 class="text-center">Task Manager</h1>
    <nav class="text-center mt-3">
      <button id="add-task-btn" class="btn btn-primary mx-2">Add Task</button>
      <button id="task-list-btn" class="btn btn-secondary mx-2">Task List</button>
      <button id="completed-tasks-btn" class="btn btn-success mx-2">Completed Tasks</button>
    </nav>
  </header>
  <main id="app" class="container mt-4 p-3 bg-white shadow-sm rounded"></main>
  <script src="script.js">const app = document.getElementById('app');
const tasks = JSON.parse(localStorage.getItem('tasks')) || [];

// Рендер страницы
function renderPage(page) {
  app.innerHTML = ''; // Очищаем содержимое
  switch (page) {
    case 'add-task':
      renderAddTask();
      break;
    case 'task-list':
      renderTaskList();
      break;
    case 'completed-tasks':
      renderCompletedTasks();
      break;
    default:
      renderTaskList();
  }
}

// Рендер "Добавить задачу"
function renderAddTask() {
  const form = document.createElement('form');
  form.innerHTML = `
    <div class="mb-3">
      <label for="task-name" class="form-label">Task Name</label>
      <input type="text" id="task-name" class="form-control" placeholder="Enter task name" required>
    </div>
    <button type="submit" class="btn btn-primary">Add Task</button>
  `;
  form.addEventListener('submit', (e) => {
    e.preventDefault();
    const taskName = document.getElementById('task-name').value;
    tasks.push({ id: Date.now(), name: taskName, completed: false });
    localStorage.setItem('tasks', JSON.stringify(tasks));
    renderPage('task-list');
  });
  app.appendChild(form);
}

// Рендер "Список задач"
function renderTaskList() {
  if (tasks.filter(task => !task.completed).length === 0) {
    app.innerHTML = '<p class="text-muted">No tasks available.</p>';
    return;
  }
  const list = document.createElement('ul');
  list.className = 'list-group'
  tasks
    .filter(task => !task.completed)
    .forEach(task => {
      const li = document.createElement('li');
      li.className = 'list-group-item d-flex justify-content-between align-items-center';
      li.textContent = task.name;

      // Кнопка "Завершить"
      const completeButton = document.createElement('button');
      completeButton.className = 'btn btn-sm btn-success me-2';
      completeButton.textContent = 'Complete';
      completeButton.addEventListener('click', () => {
        task.completed = true;
        localStorage.setItem('tasks', JSON.stringify(tasks));
        renderPage('task-list');
      });

      // Кнопка "Редактировать"
      const editButton = document.createElement('button');
      editButton.className = 'btn btn-sm btn-warning';
      editButton.textContent = 'Edit';
      editButton.addEventListener('click', () => renderEditTask(task));

      li.appendChild(completeButton);
      li.appendChild(editButton);
      list.appendChild(li);
    });
  app.appendChild(list);
}

// Рендер "Редактирование задачи"
function renderEditTask(task) {
  app.innerHTML = ''; // Очищаем содержимое
  const form = document.createElement('form');
  form.innerHTML = `
    <div class="mb-3">
      <label for="edit-task-name" class="form-label">Edit Task</label>
      <input type="text" id="edit-task-name" class="form-control" value="${task.name}" required>
    </div>
    <button type="submit" class="btn btn-primary">Save</button>
    <button type="button" id="cancel-edit" class="btn btn-secondary">Cancel</button>
  `;
  form.addEventListener('submit', (e) => {
    e.preventDefault();
    const newTaskName = document.getElementById('edit-task-name').value;
    task.name = newTaskName;
    localStorage.setItem('tasks', JSON.stringify(tasks));
    renderPage('task-list');
  });

  document.body.addEventListener('click', (e) => {
    if (e.target.id === 'cancel-edit') {
      renderPage('task-list');
    }
  });

  app.appendChild(form);
}

// Рендер "Завершённые задачи"
function renderCompletedTasks() {
  if (tasks.filter(task => task.completed).length === 0) {
    app.innerHTML = '<p class="text-muted">No completed tasks.</p>';
    return;
  }
  const list = document.createElement('ul');
  list.className = 'list-group';
  tasks
    .filter(task => task.completed)
    .forEach(task => {
      const li = document.createElement('li');
      li.className = 'list-group-item';
      li.textContent = task.name;
      list.appendChild(li);
    });
  app.appendChild(list);
}

// Обработчики кнопок навигации
document.getElementById('add-task-btn').addEventListener('click', () => renderPage('add-task'));
document.getElementById('task-list-btn').addEventListener('click', () => renderPage('task-list'));
document.getElementById('completed-tasks-btn').addEventListener('click', () => renderPage('completed-tasks'));

// Начальная загрузка
renderPage('task-list');
</script>
</body>
</html>