یک صفحه وب ساده بسازید که شامل یک باکس متنی، یک دکمه و یک ناحیه نمایش باشد؛ وقتی کاربر داخل باکس متنی کلیدی را فشار می‌دهد نام آن کلید در ناحیه نمایش نشان داده شود و وقتی کاربر روی دکمه کلیک می‌کند محتوای باکس متنی پاک شود.

از HTML برای ساخت input، button و یک عنصر نمایش (مثلاً span یا div) استفاده کنید و با JavaScript به عنصر input یک listener برای رویداد "keydown" اضافه کنید تا از event.key برای گرفتن نام کلید استفاده و آن را در عنصر نمایش قرار دهید. همچنین به دکمه یک listener برای رویداد "click" اضافه کنید که با تنظیم input.value = '' متن را پاک کند. نکات: از addEventListener استفاده کنید، از event.key به‌جای keyCode استفاده کنید و برای به‌روزرسانی نمایش از innerText یا textContent بهره ببرید.