Skip to content

Commit e443aae

Browse files
authored
Create README.md
1 parent 63174a5 commit e443aae

1 file changed

Lines changed: 19 additions & 0 deletions

File tree

Lines changed: 19 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,19 @@
1+
# Task 16 – Click to Show Info
2+
3+
## 🎯 Objective
4+
Hide a message initially and reveal it when the user clicks a button.
5+
6+
## 🧠 Concepts Practiced
7+
- JavaScript `addEventListener()`
8+
- CSS classes (`.hidden`)
9+
- DOM manipulation (`classList.remove()`)
10+
11+
## ✅ What I Learned
12+
- How to toggle visibility of elements using CSS classes
13+
- How to respond to user actions with event listeners
14+
- How to separate style (CSS) and behavior (JavaScript) effectively
15+
16+
## 🔁 Example Flow
17+
- Page loads with a hidden message
18+
- User clicks "Click me to Reveal!"
19+
- Hidden message is displayed: `🎉 Welcome, You clicked the button!`

0 commit comments

Comments
 (0)