Module 03: Interactive Logic

OBJECTIVE: JavaScript Basics and User Interaction

Welcome to Task 3. You have learned how to structure (HTML) and style (CSS) a page. Now, the goal is to learn how JavaScript makes the page "alive" by responding to user clicks and actions.

INSTRUCTIONS // EXECUTION PROTOCOL

Please complete the following steps in your report. Keep your English simple and clear.

1. Define JavaScript:

  • Explain what JavaScript is and why it is used in web development.

2. The Big Three:

  • Explain the main difference between HTML, CSS, and JavaScript in simple words.

3. Setup Challenge:

Create a simple web page code that includes:

  • One Button (e.g., "Click Me")
  • One Text Paragraph (e.g., "Hello World")

4. Logic Challenge:

Write JavaScript code to do the following when the button is clicked:

  • Show an alert message (e.g., "Button Clicked!").
  • Change the text inside the paragraph.
  • Change the text color or background color of the element.

5. Code & Explanation:

  • Share your complete JavaScript code.
  • Explain what each function or line does in simple words.

REQUIREMENTS:

  • Word Limit: Minimum 400 words, Maximum 800 words.
  • Original Content: Do not copy-paste. Write in your own words.

SUBMISSION PORTAL

Once you have prepared your document, click the button below to proceed.

Submit Your Task
IMPORTANT SYSTEM NOTE:
This task is reviewed manually by the admin. Task approval is not automatic. Please ensure your logic works before submitting.