Pragmatism & Shipping Quality Solutions Within Constraints Questions

// javascript enhancement: prevent full page reload and sort client-side if data present
document.querySelectorAll('.sort-link').forEach(link => {
  link.addEventListener('click', e => {
    const list = document.getElementById('items');
    if (!list || !list.dataset.clientSort) return; // fallback to server
    e.preventDefault();
    const direction = e.currentTarget.dataset.sort;
    const items = Array.from(list.querySelectorAll('.item'));
    items.sort((a,b) => {
      const va = parseFloat(a.dataset.price), vb = parseFloat(b.dataset.price);
      return direction === 'asc' ? va - vb : vb - va;
    });
    items.forEach(node => list.appendChild(node));
    history.replaceState(null, '', e.currentTarget.href); // keep URL consistent
  });
});