JavaScript Basics

👩‍🏫 Teacher’s Guide

Objective
Students will identify JavaScript as a language used to make websites interactive and describe simple ideas like events and scripts in a web page.

Teaching Notes

• Explain: HTML = structure, CSS = style, JavaScript = interaction.
• Use examples: button click shows message; changing colors; simple animation.
• Introduce events (click, keypress) and output (alert/message).
• Keep it conceptual; no deep web security details.

🧒 Student Worksheet

Concept and Helping Material

JavaScript is a programming language that helps make websites interactive. It can respond to events like clicks and key presses. JavaScript can change what you see on a page, like text, images, and colors.

Computer Vocabulary and Definition

• — A programming language used to add interactivity to websites.
• — Able to respond to user actions.
• — An action like a click that triggers code.
• — A set of JavaScript instructions.
• — A page you view in a browser.

Computer QA

1. What is JavaScript?
2. What does interactive mean?
3. What is an event in JavaScript?
4. What is a script?
5. What is a webpage?
6. True or False: JavaScript can react when you click a button.
7. What does JavaScript help websites do?
8. Which technology adds interactivity: HTML, CSS, or JavaScript?
9. Name one event JavaScript can use.
10. What could happen after a click event?
11. Can JavaScript change text on a page?
12. Can JavaScript change colors on a page?
13. True or False: JavaScript is only used on phones.
14. Where does JavaScript run?
15. What is one example of a JavaScript feature?
16. Why are events important?
17. Can JavaScript be used to make web games?
18. What should you do if a website script acts strange?
19. True or False: JavaScript helps make websites feel alive.
20. Who uses JavaScript?

Computer Prtactices

• Web trio chart: Write what HTML, CSS, and JavaScript each do (one sentence each).
• Event mapping: Match event → response (click → show message, key press → move).
• Design an interactive page: Describe 3 buttons and what each does.
• Safety check: List 3 safe browsing rules when using interactive sites.

Reflection

• What does JavaScript add to websites?
• Name one event you use on websites.