Working with Variables Part 1

Modern JavaScript Learn JavaScript Fundamentals
7 minutes
Share the link to this page
Copied
  Completed
You need to have access to the item to view this lesson.
One-time Fee
$99.99
List Price:  $139.99
You save:  $40
€94.79
List Price:  €132.71
You save:  €37.92
£78.97
List Price:  £110.56
You save:  £31.59
CA$139.89
List Price:  CA$195.85
You save:  CA$55.96
A$153.73
List Price:  A$215.23
You save:  A$61.50
S$134.32
List Price:  S$188.05
You save:  S$53.73
HK$778.26
List Price:  HK$1,089.59
You save:  HK$311.33
CHF 88.57
List Price:  CHF 124
You save:  CHF 35.43
NOK kr1,105.08
List Price:  NOK kr1,547.16
You save:  NOK kr442.07
DKK kr706.99
List Price:  DKK kr989.82
You save:  DKK kr282.82
NZ$170.06
List Price:  NZ$238.10
You save:  NZ$68.03
د.إ367.26
List Price:  د.إ514.17
You save:  د.إ146.91
৳11,906.24
List Price:  ৳16,669.22
You save:  ৳4,762.97
₹8,436.24
List Price:  ₹11,811.08
You save:  ₹3,374.83
RM447.10
List Price:  RM625.96
You save:  RM178.86
₦167,464.25
List Price:  ₦234,456.65
You save:  ₦66,992.40
₨27,687.73
List Price:  ₨38,763.93
You save:  ₨11,076.20
฿3,470.35
List Price:  ฿4,858.63
You save:  ฿1,388.28
₺3,445.98
List Price:  ₺4,824.51
You save:  ₺1,378.53
B$578.68
List Price:  B$810.17
You save:  B$231.49
R1,810.53
List Price:  R2,534.81
You save:  R724.28
Лв185.34
List Price:  Лв259.49
You save:  Лв74.14
₩139,691.42
List Price:  ₩195,573.58
You save:  ₩55,882.15
₪373.67
List Price:  ₪523.15
You save:  ₪149.48
₱5,901.36
List Price:  ₱8,262.14
You save:  ₱2,360.78
¥15,574.86
List Price:  ¥21,805.43
You save:  ¥6,230.57
MX$2,020.46
List Price:  MX$2,828.72
You save:  MX$808.26
QR363.35
List Price:  QR508.71
You save:  QR145.35
P1,355.53
List Price:  P1,897.79
You save:  P542.26
KSh12,948.70
List Price:  KSh18,128.70
You save:  KSh5,180
E£4,969.50
List Price:  E£6,957.50
You save:  E£1,988
ብር12,262.61
List Price:  ብር17,168.15
You save:  ብር4,905.53
Kz91,256.94
List Price:  Kz127,763.36
You save:  Kz36,506.42
CLP$97,119.28
List Price:  CLP$135,970.88
You save:  CLP$38,851.60
CN¥724.58
List Price:  CN¥1,014.45
You save:  CN¥289.86
RD$6,000.34
List Price:  RD$8,400.72
You save:  RD$2,400.37
DA13,341.73
List Price:  DA18,678.95
You save:  DA5,337.22
FJ$227.04
List Price:  FJ$317.87
You save:  FJ$90.82
Q769.16
List Price:  Q1,076.85
You save:  Q307.69
GY$20,834.51
List Price:  GY$29,169.15
You save:  GY$8,334.63
ISK kr13,772.62
List Price:  ISK kr19,282.22
You save:  ISK kr5,509.60
DH995.44
List Price:  DH1,393.66
You save:  DH398.21
L1,819.82
List Price:  L2,547.83
You save:  L728
ден5,825.40
List Price:  ден8,155.79
You save:  ден2,330.39
MOP$798.74
List Price:  MOP$1,118.27
You save:  MOP$319.52
N$1,801.35
List Price:  N$2,521.97
You save:  N$720.61
C$3,666.61
List Price:  C$5,133.40
You save:  C$1,466.79
रु13,462.23
List Price:  रु18,847.67
You save:  रु5,385.43
S/378.10
List Price:  S/529.35
You save:  S/151.25
K400.90
List Price:  K561.28
You save:  K160.37
SAR375.38
List Price:  SAR525.55
You save:  SAR150.16
ZK2,752.36
List Price:  ZK3,853.42
You save:  ZK1,101.05
L471.69
List Price:  L660.38
You save:  L188.69
Kč2,395.79
List Price:  Kč3,354.20
You save:  Kč958.41
Ft38,840.72
List Price:  Ft54,378.57
You save:  Ft15,537.84
SEK kr1,099.74
List Price:  SEK kr1,539.68
You save:  SEK kr439.94
ARS$100,165.56
List Price:  ARS$140,235.79
You save:  ARS$40,070.23
Bs690.96
List Price:  Bs967.37
You save:  Bs276.41
COP$440,690.82
List Price:  COP$616,984.78
You save:  COP$176,293.95
₡50,645.88
List Price:  ₡70,906.26
You save:  ₡20,260.37
L2,517.41
List Price:  L3,524.47
You save:  L1,007.06
₲775,966.15
List Price:  ₲1,086,383.66
You save:  ₲310,417.50
$U4,274.58
List Price:  $U5,984.58
You save:  $U1,710
zł411.21
List Price:  zł575.71
You save:  zł164.50
Already have an account? Log In

Transcript

In this movie, we're going to take a few minutes to talk about variables. Now variables is a concept that all programming languages have. A variable is simply a container to hold data. Now that data can change, it doesn't remain the same, but it's a way to store that data so you can use it later or use it multiple times. Now let me open up the JavaScript console. Now in an earlier exercise, we did the following.

Created a variable and set it equal to my name and then we did console dot log to display the variable to the console. And that's what it does. Now we could have just as easily done this The end results would be the same as you can see. So why use a variable instead of just entering the name? Well, the the advantage of the variable is that it really could contain any name. Let's just use an example that we have a website where we have the user enter their information, their profile information.

And depending on which user is on the website, that's the name that is going to display. It uses the same variable, but the contents of that variable variable just being a container, the contents of that variable would be different. Another reason is once it's assigned to a variable, we can use it over over over and over again. For example, there's one again, we just continue to use it and that's another advantage of a variable All right, let me clear my console. And let's talk about the syntax of a variable. We've seen it already.

But let me talk about the parts. var is an important part when you're declaring a variable. This is a reserved keyword in JavaScript, then the variable name. Then the assignment operator, which is the equal sign assignment operator, this is saying the value on the right of this is what's going to get assigned to the variable. Put my dog's name pika. That gets signed to the variable dog's name, and then we close it with a semicolon.

Once again, that semi colon is optional, but as I've recommended, you should always enter that we just created a variable. Now to reference that variable, we simply use the variable name There we referenced the variable. So anytime we use the variable name, it references it and then it pulls the value that was stored in that container out and does whatever we need to do with it. In this case it displays it to the console. Now another thing about variables is we can update an existing variable. So if I wanted to change the dog name to rollover, I would simply reference the variable, but the assignment operator and and then put the new value I don't use var again var is only use the first time you are declaring a variable.

So var is for declaration. Once you've declared a variable, you can change it and you change it without the var keyword. Now when I reference the dog name variable, it comes back as rover. Let me clear the console again. And let's create another variable we're gonna call this variable greet greeting. I can spell.

We're going to put in there the text. Hello there. Okay, we have that variable established. Now notice what we can do now we have two variables. We can concatenate them together. And it displays the contents of both of them.

So, an example where variables are valuable, let's say we have multiple Greetings, we want to get a particular user. Well, we just have multiple variables greeting, one, greeting two, greeting three could be named that way, or greeting formal. That's another way that you can use variables. This is something else we can do. I'm going to create, declare one more variable, full greeting. I'm going to set this equal to the contents of the other two variables we've created.

Now when we enter full greeting, it comes back Hello there rover. So it has the contents of those two variables in it. So that container now contains what was in, in the two other containers. All right, we can also do this with numbers. So let me clear again. Let's create a variable num, and set it equal to 32.

There we go, num is equal to 32. Let's create another variable num two is equal to five. Now we can manipulate the data in the variables the same way we did with the values in the previous in a previous movie. We use operators to do that. So num plus 10. Comes back 42 we can also do num And then some operator and the other variable.

So this is going to be num times num two. So the contents of num is 32. The contents of num two is five. And that comes out to be 160. Now if we change num, then do the same statement again. And then what I'm doing here to get back to a previous statement i'd enter as I'm as I'm pressing the up arrow, the up arrow in the console take you to statements you've already entered.

So I'm going back to that previous statement, I want to enter it again. Now this time we get a different, different result because num has changed. Num is no longer 32 num is now 10. So we put a different value into that variable. And we can do the same thing. With this variable.

We can create a new variable and set it equal to The product of the other two variables

Sign Up

Share

Share with friends, get 20% off
Invite your friends to LearnDesk learning marketplace. For each purchase they make, you get 20% off (upto $10) on your next purchase.