Skip to content

Commit ef9cd3a

Browse files
authored
Create README.md
1 parent a4d5863 commit ef9cd3a

1 file changed

Lines changed: 34 additions & 0 deletions

File tree

Lines changed: 34 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,34 @@
1+
# Task 15 – User Info Summary Card
2+
3+
## 🎯 Objective
4+
Collect user name, age, favorite color, Hobby, and Dream Job using prompts, and display them in a visually appealing summary card.
5+
6+
## 🧠 Concepts Practiced
7+
- JavaScript `prompt()`
8+
- Template literals
9+
- DOM manipulation to insert HTML content
10+
- CSS styling for card design
11+
12+
## ✅ What I Learned
13+
- How to dynamically insert user data into HTML using `innerHTML`
14+
- How to style cards with rounded corners and shadows
15+
- How to align and format text content within styled components
16+
17+
## 🔁 Example Flow
18+
User enters:
19+
- Name: Priya
20+
- Age: 28
21+
- Color: Red
22+
- Hobby: Playing
23+
- Dream Job: Frontend Developer
24+
25+
Displayed Card:
26+
A white card in the center of the page with:
27+
Hello Priya!
28+
You are 28 years old.
29+
30+
Your Favourite Color is Red
31+
32+
Your hobby is Playing
33+
34+
Your Dream JOB is Frontend Developer

0 commit comments

Comments
 (0)