Jerico Lobos

BCSC 2-C | JavaScript Activities

📚

Week 2

JavaScript Fundamentals

7 Activities

✓ First JavaScript Output
✓ Variables & Data Types
✓ Simple Calculator
✓ User Input
✓ Conditional Statements
✓ Loops
✓ Button Interaction

⚡

Week 3

DOM Manipulation

7 Activities

✓ Background Color Controls
✓ Add List Items
✓ Remove Paragraphs
✓ Character Counter
✓ Addition Calculator
✓ Image Switcher
✓ Mini To-Do List

🧮

Week 4

Student Grade Calculator

1 Activity

✓ Exercise 4: Grade Calculator
✓ Quiz (20%)
✓ Exam (30%)
✓ MCO (50%)
✓ Grade Equivalent (A, B, C, D, F)
✓ Reset Functionality
✓ Arrow Functions

Week 2: JavaScript Fundamentals

Learn the basics of JavaScript programming

01

JavaScript Output

Display your first JavaScript message

02

Variables & Data Types

Working with different data types

03

Simple Calculator

Basic arithmetic operations

04

User Input

Get input from user using prompts

05

Age Checker

Check eligibility based on age

06

Number Loops

Display numbers using loops

07

Button Interaction

Simple button click event

Week 3: DOM Manipulation

Interactive web pages with JavaScript

08

Background Color Controls

Change page colors dynamically

09

Add Items to List

Dynamically add list items

Default item 1

10

Remove Paragraphs

Remove elements from DOM

This is paragraph 1

This is paragraph 2

This is paragraph 3

11

Character Counter

Count characters in real-time

Characters: 0

12

Addition Calculator

Add two numbers

+

Result: 0

13

Change Image

Switch between images

14

Mini To-Do List

Add and delete tasks

Sample task 1
Sample task 2

Week 4: Student Grade Calculator

Exercise 4 - Calculate final grades using arrow functions

📊

Student Grade Calculator

Enter scores below to calculate final grade

Quiz Average (20%)

Exam Score (30%)

MCO Score (50%)

Final Grade: --

Grade Equivalent: --

Grading Scale

Score	Grade
90 – 100	A
80 – 89	B
70 – 79	C
60 – 69	D
Below 60	F

* All event listeners use arrow functions (=>)