Pagination Links

				
					
const resultsContainer = document.querySelector('.results');
const paginationLinks = document.querySelectorAll('.pagination a');

// Function to generate example results
function generateResults(pageNumber) {
  // Simulating results for the page
  const results = [];
  for (let i = 1; i <= 5; i++) {
    results.push({
      title: `Example Result ${i + (pageNumber - 1) * 5}`,
      text: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit.',
      link: '#'
    });
  }
  return results;
}

// Function to display results
function displayResults(pageNumber) {
  resultsContainer.innerHTML = '';
  const results = generateResults(pageNumber);
  results.forEach(result => {
    const resultElement = document.createElement('div');
    resultElement.innerHTML = `
      <h3><a href="${result.link}">${result.title}</a></h3>
      <p>${result.text}</p>
    `;
    resultsContainer.appendChild(resultElement);
  });
}

// Event listeners for pagination links
paginationLinks.forEach((link, index) => {
  link.addEventListener('click', event => {
    event.preventDefault();
    // Update aria-selected attribute for all links
    paginationLinks.forEach((link) => link.setAttribute('aria-selected', 'false'));
    // Set aria-selected attribute to 'true' for the clicked link
    link.setAttribute('aria-selected', 'true');
    // Display results for the selected page
    displayResults(index + 1);
  });
});

// Set aria-selected attribute on the first pagination link initially
paginationLinks[0].setAttribute('aria-selected', 'true');

// Initial display of results for the first page
displayResults(1);