Добавьте функцию сохранения количества лайков в локальное хранилище, чтобы при новой загрузке страницы счетчик не сбрасывался, если будет показана та же самая картинка. • Реализуйте возможность просмотра предыдущих фото с сохранением их в истории просмотров в localstorage. • Реализовать все с помощью async/await, без цепочем then.

Для сохранения количества лайков в локальное хранилище и истории просмотров предыдущих фото воспользуемся async/await.

Сначала создадим функцию для сохранения количества лайков в локальное хранилище:

const saveLikesCount = async (photoId, likesCount) => {
  try {
    await localStorage.setItem(`likes_${photoId}`, likesCount);
  } catch (error) {
    console.error('Error saving likes count:', error);
  }
};

Затем создадим функцию для сохранения истории просмотров в локальное хранилище:

const saveViewHistory = async (photoId) => {
  try {
    let viewHistory = await localStorage.getItem('viewHistory');
    viewHistory = viewHistory ? JSON.parse(viewHistory) : [];
    
    if (!viewHistory.includes(photoId)) {
      viewHistory.push(photoId);
      await localStorage.setItem('viewHistory', JSON.stringify(viewHistory));
    }
  } catch (error) {
    console.error('Error saving view history:', error);
  }
};

Теперь при клике на фото и обновлении количества лайков, вызовем функцию saveLikesCount:

const photoId = 'photo123';
const likesCount = 10;

saveLikesCount(photoId, likesCount);

И при просмотре каждой новой фотографии, вызовем функцию saveViewHistory:

const photoId = 'photo123';

saveViewHistory(photoId);

Таким образом, мы сохраняем количество лайков и историю просмотров в локальное хранилище с помощью async/await, без использования цепочек then.