PHYSICS LAB

Standalone, zero-dependency JavaScript implementation powering this tool. Free to inspect, copy, and build upon.

// Filter functionality
    const filterBtns = document.querySelectorAll('.filter-btn');
    const simCards = document.querySelectorAll('.sim-card');

    filterBtns.forEach(btn => {
      btn.addEventListener('click', () => {
        // Remove active state from all buttons
        filterBtns.forEach(b => b.classList.remove('active'));
        // Add active state to clicked button
        btn.classList.add('active');

        const filter = btn.getAttribute('data-filter');

        simCards.forEach(card => {
          const category = card.getAttribute('data-category');
          if (filter === 'all' || category === filter) {
            card.classList.remove('hidden');
          } else {
            card.classList.add('hidden');
          }
        });
      });
    });

    // Update simulation count based on active cards
    function updateCount() {
      const visibleCards = document.querySelectorAll('.sim-card:not(.hidden)').length;
      document.getElementById('sim-total').textContent = visibleCards;
    }

    // Initialize count
    updateCount();

    // Recount when filter changes
    filterBtns.forEach(btn => {
      btn.addEventListener('click', updateCount);
    });