Lesson Plan

Resources → Subject Notes → Information Communication Technology ICT → Notes
Lesson Plan
Grade: Date: 25/02/2026
Subject: Information Communication Technology ICT
Lesson Topic: Know and understand the behaviour layer is for a scripting language to control elements within a web page
Learning Objective/s:
  • Describe the role of the behaviour layer in web page architecture.
  • Explain how JavaScript interacts with the DOM to add interactivity.
  • Demonstrate creating event listeners and manipulating elements using JavaScript.
  • Compare different scripting options (JavaScript, TypeScript) for the behaviour layer.
  • Apply simple form validation and timing functions in a web page.
Materials Needed:
  • Projector or interactive whiteboard
  • Computer with internet access for each student
  • Code editor/IDE (e.g., VS Code)
  • Sample HTML file with placeholder elements
  • Printed handout of key DOM methods and event syntax
  • Browser developer tools for demonstration
 Introduction:
Begin with a quick demo where a button changes text on a page, asking students what made that happen. Recall that they already know HTML provides structure and CSS styles appearance. Today they will explore the third layer that adds interactivity. By the end they should be able to write a basic event‑listener and explain how it modifies the DOM.
Lesson Structure:
  1. Do‑now (5') – Students answer a short question on the three web layers using sticky notes.
  2. Mini‑lecture (10') – Explain the behaviour layer, scripting languages, and DOM basics with slides.
  3. Guided coding demo (15') – Show how to add an event listener that changes paragraph text; walk through each line.
  4. Pair practice (15') – Learners modify the demo to add a second button, use getElementById and textContent; teacher circulates.
  5. Interactive quiz (5') – Quick poll on event listeners, innerHTML vs textContent.
  6. Reflection & exit ticket (5') – Students write one example of a behaviour they could add to a web page.
Conclusion:
Summarise that the behaviour layer sits atop HTML and CSS, using JavaScript to respond to user actions and manipulate the DOM. Collect the exit tickets where each student records one new script they could create. For homework, assign a simple web page where they add an event‑driven interaction and a basic form validation.