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.