Build softwares with reliable AI-generated code

document.body.innerHTML = `
  <h2>Todo List</h2>
  <input id="todoInput" placeholder="Add a task..." />
  <button onclick="addTodo()">Add</button>
  <ul id="todoList"></ul>
`;

const todoInput = document.getElementById('todoInput');
const todoList = document.getElementById('todoList');

function getTodos() {
  return JSON.parse(localStorage.getItem('todos') || '[]');
}

function setTodos(todos) {
  localStorage.setItem('todos', JSON.stringify(todos));
}

function renderTodos() {
  const todos = getTodos();
  todoList.innerHTML = '';
  todos.forEach((todo, index) => {
    const li = document.createElement('li');
    li.textContent = todo;
    li.onclick = () => deleteTodo(index);
    todoList.appendChild(li);
  });
}

function addTodo() {
  const todos = getTodos();
  const newTodo = todoInput.value.trim();
  if (newTodo) {
    todos.push(newTodo);
    setTodos(todos);
    todoInput.value = '';
    renderTodos();
  }
}

function deleteTodo(index) {
  const todos = getTodos();
  todos.splice(index, 1);
  setTodos(todos);
  renderTodos();
}

renderTodos();