Variables

A variable in JavaScript is a named container for storing a data value, declared with let , const , or var , so you can label, reuse, and update information in your program.

Learn Python, JavaScript, Java and more with free interactive lessons, real projects and AI-powered help. Beginner-friendly.

Part of the free JavaScript course at LearnCodingFast — hands-on lessons with examples you run in your browser, plus practice exercises and a quick quiz.

Learn how to store, use, and manage all kinds of information inside your programs.

💡 Running Code Locally: While this online editor runs real JavaScript, some advanced examples may have limitations. For the best experience:

📦 Real-World Analogy: Variables are like labeled storage boxes :

A variable is like a box with a label — you can store data inside it and use it later in your program. Imagine needing to remember a user's name, score, or age — instead of retyping the number or word every time, you store it in a variable.

When you create ( declare ) a variable, you're telling the computer:

There are three main ways to declare variables in JavaScript:

Avoid using var . It still works but can cause bugs due to outdated behavior. Always use let or const in modern JavaScript.

A data type defines what kind of data a variable holds — text, number, true/false, etc.

JavaScript has seven main primitive types you'll use daily:

Let's explore the common ones for beginners 👇

💡 You can use: "Double quotes" , 'Single quotes' , or

💡 JavaScript treats both integers and decimals as the same number type.

You'll use booleans for decisions and conditions, like checking if a user is logged in.

• undefined — variable exists but has no value yet • null — means "nothing", used intentionally

Template literals (with backticks) let you embed variables directly into strings:

This is easier to read and write than concatenation like:

To check what type of data a variable holds, use the typeof operator:

JavaScript is flexible — you can combine strings and numbers easily:

In JavaScript, you can change a variable's data type anytime:

That's because JavaScript is a dynamically typed language — it decides the type automatically at runtime.

When naming variables, follow these simple rules and conventions:

✅ Use const for values that never change, like API keys or settings.

✅ Use let for values that change often, like scores or totals.

Let's simulate a small "profile card" using variables:

Now imagine this is part of your social app (like Flick 😉) — variables store dynamic data that updates automatically when a user gets new followers.

JavaScript automatically converts between numbers and strings when needed — this is called type coercion .

It can be confusing at first, so always use correct types when doing math!

Create variables to store information about a book :

Then, use template literals to create and display a sentence describing the book.

Add one more variable for price and use all values to print a full bookstore-style description.

If your program were a backpack, variables are the items you carry — text, numbers, or data you'll use later. The better you name and organize them, the easier your "journey" through coding becomes!

You now know how to store any kind of data — text, numbers, booleans — and build readable strings with template literals.

Up next: JavaScript Functions — how to group and reuse logic like a professional! 🔁

Practice quiz

• Browse all free courses
• Cheat sheets & quizzes
• Coding dictionary