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

برای حل این مسئله از جاوااسکریپت خالص و روش مسیریابی بر پایه hash یا History API استفاده کنید: لینک‌ها را به‌گونه‌ای تنظیم کنید که کلیک‌شان پیش‌فرض مرورگر را کنار بزند و با window.onhashchange یا window.onpopstate مسیر فعلی را تشخیص داده و با جایگزینی innerHTML در یک کانتینر اصلی محتوای متناظر را رندر کنید. نکات: می‌توانید برای هر مسیر یک تابع رندر جدا داشته باشید، از history.pushState برای آدرس‌دهی تمیز استفاده کنید و کلاس "active" را به لینک فعال اضافه کنید تا تجربه کاربری بهتر شود — نیازی به فریم‌ورک نیست و هدف تمرین مدیریت DOM و مسیریابی ساده در SPA است.