یک برنامه تک‌صفحه‌ای (SPA) با جاوااسکریپت بسازید که شامل سه نما (خانه، درباره، تماس) باشد و بدون بارگذاری مجدد صفحه بین نماها ناوبری کند.

برای حل این مسئله از روتر مبتنی بر هش (location.hash) یا History API استفاده کنید: لینک‌های ناوبری را با href="#home" ، "#about" و "#contact" بسازید و با window.addEventListener('hashchange') و بررسی location.hash یا با خواندن URL در بارگذاری اولیه، محتوای مربوطه را در یک کانتینر اصلی با توابع render جداگانه جای‌گذاری کنید. از template strings و innerHTML برای رندر، event delegation برای هندل کردن کلیک‌ها و افزودن کلاس فعال به لینک جاری بهره ببرید؛ اگر می‌خواهید URL تمیزتری داشته باشید می‌توانید به صورت اختیاری history.pushState را امتحان کنید. نکات: از preventDefault در صورت نیاز استفاده کنید، منطق رندر را تفکیک نگه دارید و وضعیت ساده را در یک شیء نگهداری کنید تا کد خواناتر و قابل‌گسترش بماند.