یک صفحهٔ وب ساده بسازید که یک فیلد ورودی و دکمه برای افزودن آیتم داشته باشد؛ وقتی کاربر دکمه را می‌زند متن ورودی به لیست اضافه شود و هر آیتم قابلیت حذف و علامت‌گذاری به‌عنوان انجام‌شده (تغییر استایل) را داشته باشد.

برای حل این مسئله از HTML ساده برای input، button و یک ul استفاده کنید و با JavaScript از DOM API (مثلاً document.querySelector، addEventListener) رفتار را پیاده‌سازی کنید: هنگام کلیک روی دکمه یک li با textContent برابر مقدار input ایجاد کرده و با appendChild به ul اضافه کنید، برای هر آیتم یک دکمه حذف بسازید که با remove() آیتم را پاک کند و برای علامت‌گذاری از classList.toggle روی li (یا checkbox و تغییر کلاس CSS مثل text-decoration: line-through) استفاده کنید. نکات: ورودی را trim کنید تا رشتهٔ خالی اضافه نشود، پس از افزودن مقدار input را پاک کنید و برای ساده‌تر شدن کدنویسی می‌توانید از event delegation روی ul استفاده کنید تا مجبور به افزودن listener جداگانه برای هر آیتم نباشید.