یک صفحه وب ساده بسازید که شامل یک فیلد متن و دکمه "ثبت" باشد؛ وقتی دکمه کلیک شد مقدار فیلد به یک لیست نمایش داده‌شده اضافه شود و فیلد پاک شود.

با استفاده از HTML برای فرم و JavaScript برای مدیریت رویدادها این کار را انجام دهید: ابتدا المان‌های فرم، ورودی و لیست را با document.querySelector انتخاب کنید، سپس با addEventListener به فرم رویداد "submit" یا به دکمه رویداد "click" متصل شوید و در هندلر با event.preventDefault() (در صورت استفاده از submit) جلوی ارسال صفحه را بگیرید، مقدار input.value را بخوانید، یک عنصر li با document.createElement بسازید، متن را به آن اختصاص داده و با appendChild به لیست اضافه کنید و در نهایت input.value = "" برای پاک کردن فیلد. نکات: قبل از اضافه کردن، مقدار را trim کنید و خالی نبودنش را بررسی کنید؛ بهتر است از رویداد "submit" استفاده کنید تا فشردن Enter هم کار کند.