This is an interactive Task Navigator web application built using HTML, CSS, and JavaScript. It allows users to visually manage and navigate through a predefined list of tasks using DOM manipulation techniques.

Key Features:

• 
  

  Styled Task List: A visually appealing list of tasks with hover and click effects.

  
  


• 
  

  Interactive Buttons: Buttons to select:

  
  
  • 
    

    the first, last, next, or previous task,

    
    
  
  
  • 
    

    display all tasks,

    
    
  
  
  • 
    

    and show the parent tag of the current item.

    
    
  
  
  
  


• 
  

  Dynamic Feedback: A message area (#info) provides real-time feedback to the user.

  
  


• 
  

  DOM Navigation Practice: Demonstrates use of firstElementChild, nextElementSibling, parentElement, and others.

  
  

Use Case:

This project is ideal for learning DOM traversal and interactivity in JavaScript, especially useful for beginners and students working with element navigation.