javascript

function renderTasks(tasks) {

  const taskList = document.getElementById("task-list");



  // Проверяем, есть ли задачи в списке

  if (tasks.length === 0) {

    taskList.style.display = "none";

    return;

  } else {

    taskList.style.display = "block";

  }



  // Выводим список задач

  taskList.innerHTML = "";



  for (const task of tasks) {

    const taskItem = document.createElement("li");

    taskItem.innerText = task;

    taskList.appendChild(taskItem);

  }

}

javascript

function renderTasks(tasks, title) {

  const taskList = document.getElementById("task-list");



  // Проверяем, есть ли задачи в списке

  if (tasks.length === 0) {

    taskList.style.display = "none";

    return;

  } else {

    taskList.style.display = "block";

  }



  // Добавляем заголовок списка, если параметр title передан

  if (title) {

    const listTitle = document.createElement("h2");

    listTitle.innerText = title;

    taskList.parentNode.insertBefore(listTitle, taskList);

  }



  // Выводим список задач

  taskList.innerHTML = "";



  for (const task of tasks) {

    const taskItem = document.createElement("li");

    taskItem.innerText = task;

    taskList.appendChild(taskItem);

  }

}

javascript

const tasks = ["Task 1", "Task 2", "Task 3"];

const completedTasks = ["Completed Task 1", "Completed Task 2"];



// Рендерим список незавершенных задач без заголовка

renderTasks(tasks);



// Рендерим список завершенных задач с заголовком

renderTasks(completedTasks, "Завершённые задачи");