Skip to content

shamsudindahir/Week6_JS_Assignment

 
 

Repository files navigation

Week 6: Advanced Array Methods and DOM Manipulation

This week's assignment focuses on advanced array methods (.map, .filter) and DOM manipulation. You'll work on two sets of challenges: array challenges and DOM challenges. Follow the instructions below to complete the tasks.


🚀 Assignment Instructions

1. Set Up Your Project

  • Fork this repository.

  • Clone your forked version to your computer.

  • Create a new branch:

    git checkout -b <your-firstname-lastname>
  • All your work should be done in the provided JavaScript files.

⚠️ Warning:

  • Do not change or touch the index.html and nav_actions.js files
  • All modifications should be done in array_challenges.js, dom_challenges.js files only.

2. Complete the Array Challenges

  • Open the array_challenges.js file.
  • Follow the tasks to:
    1. Use .map to create and format a new array of movie titles and ratings.
    2. Use .filter to find highly-rated movies (rating >= 8.0).
  • Log the results of each task in the console.

3. Complete the DOM Challenges

  • Open the dom_challenges.js file.
  • Follow the tasks to:
    1. Build the displayArticles function to dynamically display articles from the newsData object based on their category.
    2. Add event listeners to navigation links to load articles for the selected category.
  • Use the GIF below as a reference to see how the final website should look.

🖼️ Reference GIF

Below is a preview of how your DOM challenge should look after completion:

GabiNews Website Preview


4. Submit Your Work

  • Save your progress regularly:

    git add .
    git commit -m "Completed Week 6 assignment tasks"
    git push -u origin <your-branch-name>
  • Once done, submit your repository link through the student portal.


Good luck, and enjoy coding! 🚀

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors

Languages

  • JavaScript 63.5%
  • CSS 21.5%
  • HTML 15.0%