scripts.js

// Загружаем сохраненные данные при загрузке страницы
document.addEventListener("DOMContentLoaded", () => {
  const savedPage = localStorage.getItem("lastPage");
  const savedLimit = localStorage.getItem("lastLimit");
  const savedImages = localStorage.getItem("lastImages");

  if (savedImages) {
    displayImages(JSON.parse(savedImages));
  }
});

async function makeRequest() {
  const pageInput = document.getElementById("pageInput").value;
  const limitInput = document.getElementById("limitInput").value;
  const errorMessage = document.getElementById("errorMessage");
  const imageList = document.getElementById("imageList");

  // Очищаем предыдущие сообщения об ошибках и изображения
  errorMessage.textContent = "";
  imageList.innerHTML = "";

  // Валидация входных данных
  const isPageValid = isValidNumber(pageInput, 1, 10);
  const isLimitValid = isValidNumber(limitInput, 1, 10);

  if (!isPageValid && !isLimitValid) {
    errorMessage.textContent =
      "Номер страницы и лимит вне диапазона от 1 до 10";
    return;
  }

  if (!isPageValid) {
    errorMessage.textContent = "Номер страницы вне диапазона от 1 до 10";
    return;
  }

  if (!isLimitValid) {
    errorMessage.textContent = "Лимит вне диапазона от 1 до 10";
    return;
  }

  try {
    const response = await fetch(
      `https://picsum.photos/v2/list?page=${pageInput}&limit=${limitInput}`
    );
    const data = await response.json();

    // Сохраняем данные в localStorage
    localStorage.setItem("lastPage", pageInput);
    localStorage.setItem("lastLimit", limitInput);
    localStorage.setItem("lastImages", JSON.stringify(data));

    displayImages(data);
  } catch (error) {
    errorMessage.textContent = "Ошибка при загрузке изображений";
  }
}

function displayImages(images) {
  const imageList = document.getElementById("imageList");

  images.forEach((image) => {
    const img = document.createElement("img");
    img.classList.add("image-item");
    img.src = image.download_url;
    imageList.appendChild(img);
  });
}

function isValidNumber(value, min, max) {
  const num = Number(value);
  return !isNaN(num) && num >= min && num <= max;
}