Day 3: Data Types Party 🎉

JavaScript has many guests at this party! Meet Numbers, Strings, Booleans, Arrays, and Objects. Today, you'll learn what makes each guest special and how to interact with them through code. There’s also a game at the end, where you'll guess the data type of some fun code snippets!

1. Meet the Guests (Data Types) 🕺

1️⃣ Numbers: The Math Whiz 🧮

Numbers love calculations! They can handle things like addition, subtraction, multiplication, and division.

javascriptCopy codelet age = 25; // Number
let pi = 3.14159; // Another Number
console.log(age + 5); // Output: 30 🎉

💡 Fun Fact: You can even have negative and decimal numbers.

2️⃣ Strings: The Party Singer 🎤

Strings are all about text. They hold words, sentences, and even emojis! 🎸

javascriptCopy codelet greeting = "Hello, world! 🌍";
let favoriteHero = 'Spiderman 🕸️';
console.log(greeting); // Output: Hello, world! 🌍

💡 Pro Tip: Strings can be written with single quotes ('') or double quotes ("").

3️⃣ Booleans: The Bouncer at the Door 🚪

Booleans can only say Yes (true) or No (false). They're perfect for making decisions.

javascriptCopy codelet isDoorOpen = true; // Yes, the door is open 🚪
let isNightTime = false; // No, it’s not nighttime 🌞
console.log(isDoorOpen); // Output: true

💡 Fun Fact: Booleans control if-else logic in programs – they decide what happens next!

4️⃣ Arrays: The DJ with a Playlist 🎧

Arrays love to store lists. Think of them as your party’s playlist of songs or guests.

javascriptCopy codelet favoriteSongs = ["Blinding Lights", "Levitating", "Good 4 U"];
console.log(favoriteSongs[0]); // Output: Blinding Lights 🎵

💡 Pro Tip: Arrays start counting at 0! The first item is at index 0.

5️⃣ Objects: The Cool Organizer 🗂️

Objects can hold a bunch of related information in one place. Think of them as a guest’s profile at the party – name, age, and hobbies, all bundled together!

javascriptCopy codelet spiderman = {
  name: "Peter Parker",
  age: 18,
  powers: ["Wall-crawling", "Spider-sense", "Web-slinging"]
};

console.log(spiderman.name); // Output: Peter Parker 🕷️

💡 Pro Tip: Objects store key-value pairs, making them perfect for detailed information.

2. Game Time: Spot the Data Type! 🎲

In this game, I’ll show you some mysterious code snippets. Your task is to guess the data type of the variable. Try to guess before running the code!

Round 1:

javascriptCopy codelet answer = 42;

Guess: 🤔 (Type: Number)
Answer: ✔️ Yes, it’s a Number! 🎉

Round 2:

javascriptCopy codelet isFun = true;

Guess: 🤔 (Type: Boolean)
Answer: ✔️ Correct! It’s a Boolean! 🔥

Round 3:

javascriptCopy codelet hero = "Wonder Woman";

Guess: 🤔 (Type: String)
Answer: ✔️ Yes, it’s a String! 🎤

Round 4:

javascriptCopy codelet tools = ["Hammer", "Wrench", "Screwdriver"];

Guess: 🤔 (Type: Array)
Answer: ✔️ You got it – an Array! 🛠️

Round 5:

javascriptCopy codelet car = { brand: "Tesla", model: "Model 3", electric: true };

Guess: 🤔 (Type: Object)
Answer: ✔️ Correct! It’s an Object! 🚗

3. Bonus Challenge: Build a Guest List 🎯

Your task: Create a guest list for a party using an array and an object.

Store three guest names in an array.
Create an object for one of the guests, including their name, age, and favorite activity.

Sample Code:

javascriptCopy code// Array of guest names
let guests = ["Tony Stark", "Bruce Banner", "Natasha Romanoff"];

// Object for one guest
let guestProfile = {
  name: "Tony Stark",
  age: 45,
  favoriteActivity: "Building suits"
};

console.log(`Guest: ${guestProfile.name}, Age: ${guestProfile.age}`);

4. Recap: What Did You Learn Today?

Numbers: For doing math and keeping track of ages.
Strings: For holding text and conversation.
Booleans: For making decisions with true/false.
Arrays: For storing lists like playlists or guest names.
Objects: For bundling information, like a guest's profile.

5. Final Challenge: Create Your Own Data Party 🎉

Make a playlist array with 5 songs.
Create an object for yourself with your name, age, and three hobbies.
Use console.log to print everything!

Example:

javascriptCopy codelet myPlaylist = ["Shape of You", "Peaches", "Rockstar"];

let myProfile = {
  name: "Risharth",
  age: 22,
  hobbies: ["Coding", "Watching Anime", "Reading Manga"]
};

console.log(myPlaylist);
console.log(`Hey! I'm ${myProfile.name}, and I love ${myProfile.hobbies[1]}.`);

Great job! You’ve partied hard with JavaScript data types today! Tomorrow, we dive into Operators Showdown 🤺, where you’ll learn to perform operations like a pro. 🎯