User:Niraj Prasad Bhatt/Real-Teaching Lesson Plan 8

Subject: Web Technology

Period: Third

Topic: Accessing HTML Elements with getElementsByTagName()

Class: BICT 3rd Semester

Unit: Three

Time: 50 min

No. of Students: 20

1. Specific Objective:

At the end of this lesson, students will be able to:

• Understand the purpose and usage of getElementsByTagName() method in JavaScript.
• Access and manipulate HTML elements by their tag names using getElementsByTagName().

2. Instructional Materials:

• Laptop, projector, screen
• Sample HTML files with different tag names
• Code editor (e.g., VS Code)
• Internet access

3. Teaching Learning Activities:

• Begin the class by discussing the importance of selecting and manipulating HTML elements by their tag names in web development.
• Introduce the getElementsByTagName() method in JavaScript and explain its syntax and purpose.
• Demonstrate how to use getElementsByTagName() to access HTML elements by their tag names.
• Present code examples illustrating the usage of getElementsByTagName() for various DOM manipulations.
• Guide students through hands-on exercises to practice accessing and manipulating HTML elements using getElementsByTagName().
• Discuss best practices and limitations of getElementsByTagName(), including browser compatibility and performance considerations.
• Encourage students to explore alternative methods for selecting HTML elements by tag names and compare them with getElementsByTagName().

4. Assessment:

• Ask students to write JavaScript code snippets demonstrating the use of getElementsByTagName() to access and manipulate HTML elements.
• Conduct a quiz to assess students' understanding of the getElementsByTagName() method and its usage.

5. Homework:

• Assign exercises for students to practice using getElementsByTagName() in JavaScript programs. Provide feedback on their solutions in the next class.
• Encourage students to explore online tutorials and documentation to deepen their understanding of DOM manipulation techniques.