پروژه نهایی: مدیریت کارها

پروژه نهایی فرم، آرایه، DOM، localStorage، فیلتر و رویدادها را ترکیب می‌کند.

جاوااسکریپتمثال قابل ویرایشتمرین عملی

مفهوم به زبان ساده

پروژه نهایی فرم، آرایه، DOM، localStorage، فیلتر و رویدادها را ترکیب می‌کند.

بهترین روش یادگیری این است که مثال را اجرا کنی، یک تغییر کوچک در آن بدهی و نتیجه را با خروجی مورد انتظار مقایسه کنی. نام متغیرها و مقادیر نمونه را مطابق مسئله خودت تغییر بده.

مثال تعاملی

کد را تغییر بده و اجرا کن

main.jsEditor · UTF-8

const tasks = [];
function addTask(title) { tasks.push({ title, done: false }); }
function completeTask(title) { const task = tasks.find(t => t.title === title); if (task) task.done = true; }
addTask("تمرین جاوااسکریپت"); completeTask("تمرین جاوااسکریپت");
console.log(tasks);

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

تمرین این درس

برنامه کارها بساز: افزودن، تکمیل، فیلتر و ذخیره.

راه‌حل یا یادداشت خودت

← درس قبلی: آزمون دستی و اشکال‌زدایی بازگشت به صفحه دوره →