Как реализовать функционал удаление и добавление в закладки?

Для реализации функционала удаления и добавления в закладки в JavaScript можно использовать несколько подходов. В данном ответе мы рассмотрим способы, основанные на использовании локального хранилища браузера (localStorage) и массива объектов.

1. Хранение закладок в локальном хранилище (localStorage):

Первым шагом можно создать функцию для добавления закладки. В этой функции нужно получить данные о закладке от пользователя, создать новый объект с этими данными и добавить его в массив закладок, хранящийся в локальном хранилище.

function addBookmark(title, url) {
  // Получаем массив закладок из локального хранилища
  var bookmarks = JSON.parse(localStorage.getItem('bookmarks')) || [];
  
  // Создаем новый объект закладки
  var bookmark = {
    title: title,
    url: url,
  };
  
  // Добавляем новую закладку в массив
  bookmarks.push(bookmark);
  
  // Обновляем данные в локальном хранилище
  localStorage.setItem('bookmarks', JSON.stringify(bookmarks));
}

Далее, можно создать функцию для удаления закладки. В этой функции нужно получить индекс закладки, которую нужно удалить, и затем удалить ее из массива закладок в локальном хранилище.

function removeBookmark(index) {
  // Получаем массив закладок из локального хранилища
  var bookmarks = JSON.parse(localStorage.getItem('bookmarks')) || [];
  
  // Удаляем закладку из массива по индексу
  bookmarks.splice(index, 1);
  
  // Обновляем данные в локальном хранилище
  localStorage.setItem('bookmarks', JSON.stringify(bookmarks));
}

Теперь мы можем вызывать эти функции, передавая им необходимые параметры. Например:

addBookmark('Google', 'https://www.google.com');
addBookmark('GitHub', 'https://www.github.com');

removeBookmark(0); // Удаляем первую закладку

2. Хранение закладок в массиве объектов:

Если вы не хотите использовать локальное хранилище, можно хранить закладки в обычном массиве объектов, определенном в глобальной области видимости.

// Создаем глобальный массив закладок
var bookmarks = [];

function addBookmark(title, url) {
  // Создаем новый объект закладки
  var bookmark = {
    title: title,
    url: url,
  };
  
  // Добавляем новую закладку в массив
  bookmarks.push(bookmark);
}

function removeBookmark(index) {
  // Удаляем закладку из массива по индексу
  bookmarks.splice(index, 1);
}

После добавления или удаления закладок мы можем работать с этим массивом напрямую:

addBookmark('Google', 'https://www.google.com');
addBookmark('GitHub', 'https://www.github.com');

removeBookmark(0); // Удаляем первую закладку

console.log(bookmarks); // Выводим массив закладок в консоль

В зависимости от требований вашего проекта, вы можете выбрать наиболее подходящий способ для реализации функционала удаления и добавления в закладки в JavaScript.