Devlog 3 — Building the Main JavaScript

Today I worked on the js/script.js file of my TaskForge study planner.

I added the main JavaScript functionality that connects the different parts of my website.

What I added

• Navigation between Home, Tasks, Timer, and Subjects.
• Active navigation button styling.
• Automatic display of the current date.
• Automatic setting of today’s date in the task form.
• Basic console messages to check that the JavaScript is loading correctly.

What I learned

While working on this file, I learned how to use JavaScript event listeners, query elements from HTML, change CSS classes, work with data attributes, and use the JavaScript Date object.

Testing

I tested the navigation buttons and checked that the current date appears correctly. I also checked the browser console to make sure the script loads without errors.file 3 - script.js completed!