Function Example

Modern JavaScript Incorporating Functions
9 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
€96.21
List Price:  €134.70
You save:  €38.49
£79.93
List Price:  £111.90
You save:  £31.97
CA$143.79
List Price:  CA$201.32
You save:  CA$57.52
A$160.48
List Price:  A$224.69
You save:  A$64.20
S$135.83
List Price:  S$190.17
You save:  S$54.33
HK$777.07
List Price:  HK$1,087.93
You save:  HK$310.86
CHF 89.45
List Price:  CHF 125.24
You save:  CHF 35.78
NOK kr1,141.95
List Price:  NOK kr1,598.78
You save:  NOK kr456.82
DKK kr717.64
List Price:  DKK kr1,004.72
You save:  DKK kr287.08
NZ$177.52
List Price:  NZ$248.53
You save:  NZ$71.01
د.إ367.25
List Price:  د.إ514.17
You save:  د.إ146.91
৳11,994.74
List Price:  ৳16,793.12
You save:  ৳4,798.37
₹8,496.63
List Price:  ₹11,895.62
You save:  ₹3,398.99
RM450.75
List Price:  RM631.07
You save:  RM180.32
₦155,628.43
List Price:  ₦217,886.03
You save:  ₦62,257.60
₨27,934.96
List Price:  ₨39,110.06
You save:  ₨11,175.10
฿3,444.45
List Price:  ฿4,822.37
You save:  ฿1,377.92
₺3,518.54
List Price:  ₺4,926.10
You save:  ₺1,407.55
B$617.53
List Price:  B$864.57
You save:  B$247.04
R1,837.80
List Price:  R2,572.99
You save:  R735.19
Лв188.31
List Price:  Лв263.64
You save:  Лв75.33
₩144,872.25
List Price:  ₩202,826.95
You save:  ₩57,954.69
₪364.89
List Price:  ₪510.86
You save:  ₪145.97
₱5,883.01
List Price:  ₱8,236.45
You save:  ₱2,353.44
¥15,672.80
List Price:  ¥21,942.55
You save:  ¥6,269.75
MX$2,028.91
List Price:  MX$2,840.56
You save:  MX$811.64
QR366.34
List Price:  QR512.89
You save:  QR146.55
P1,382.59
List Price:  P1,935.69
You save:  P553.09
KSh12,923.70
List Price:  KSh18,093.70
You save:  KSh5,170
E£5,091.27
List Price:  E£7,127.98
You save:  E£2,036.71
ብር12,764.56
List Price:  ብር17,870.89
You save:  ብር5,106.33
Kz91,790.82
List Price:  Kz128,510.82
You save:  Kz36,720
CLP$99,155.08
List Price:  CLP$138,821.08
You save:  CLP$39,666
CN¥729.81
List Price:  CN¥1,021.77
You save:  CN¥291.95
RD$6,104.52
List Price:  RD$8,546.58
You save:  RD$2,442.05
DA13,454.60
List Price:  DA18,836.98
You save:  DA5,382.37
FJ$232.11
List Price:  FJ$324.96
You save:  FJ$92.85
Q773.21
List Price:  Q1,082.52
You save:  Q309.31
GY$21,000.46
List Price:  GY$29,401.48
You save:  GY$8,401.02
ISK kr13,903.60
List Price:  ISK kr19,465.60
You save:  ISK kr5,562
DH1,007.40
List Price:  DH1,410.40
You save:  DH403
L1,841.78
List Price:  L2,578.57
You save:  L736.78
ден5,922.50
List Price:  ден8,291.74
You save:  ден2,369.23
MOP$803.42
List Price:  MOP$1,124.82
You save:  MOP$321.40
N$1,834.70
List Price:  N$2,568.66
You save:  N$733.95
C$3,694.32
List Price:  C$5,172.20
You save:  C$1,477.87
रु13,665.58
List Price:  रु19,132.35
You save:  रु5,466.77
S/374.71
List Price:  S/524.60
You save:  S/149.89
K406.86
List Price:  K569.63
You save:  K162.76
SAR375.72
List Price:  SAR526.02
You save:  SAR150.30
ZK2,777.96
List Price:  ZK3,889.25
You save:  ZK1,111.29
L478.81
List Price:  L670.35
You save:  L191.54
Kč2,418.25
List Price:  Kč3,385.65
You save:  Kč967.40
Ft39,800.47
List Price:  Ft55,722.25
You save:  Ft15,921.78
SEK kr1,103.66
List Price:  SEK kr1,545.17
You save:  SEK kr441.50
ARS$102,190.76
List Price:  ARS$143,071.15
You save:  ARS$40,880.39
Bs693.61
List Price:  Bs971.08
You save:  Bs277.47
COP$437,799.12
List Price:  COP$612,936.28
You save:  COP$175,137.16
₡50,480.33
List Price:  ₡70,674.48
You save:  ₡20,194.15
L2,548.03
List Price:  L3,567.35
You save:  L1,019.31
₲784,126.06
List Price:  ₲1,097,807.85
You save:  ₲313,681.79
$U4,460.41
List Price:  $U6,244.75
You save:  $U1,784.34
zł409.96
List Price:  zł573.96
You save:  zł164
Already have an account? Log In

Transcript

All right, it's time to look at a practical example of functions. In the past, we've used the random function from the math object to create a random number. That is the type of thing that you would use frequently. And therefore a great candidate for putting into a function would allow you to use that function in multiple situations and in multiple projects. So let's take a look at that I'm going to jump to sublime. So we want to create a function that will generate a random number between the two numbers that are provided and those two numbers will be provided to the function and then we'll generate the random number for it.

So I'm going to start out by creating a function expression. Variable random number I'm going to set that equal to function and then put my parameters will need to pay In a minimum number and a maximum number, so the lower end of the range and the upper end of the range. Now enter the curly braces, this is where we will enter a code and enter a semicolon first at the end of that function expression. So let's first create a variable, this will be the initial random value, set that equal to math dot random. And a second variable will set the random number to this variable. So this really should be a comma up here.

Alright, so we've got those set up. Now how do we go about getting a random number between two numbers that are provided? In the previous example, we've done random numbers between zero and 10. And therefore we multiplied it by 10. Because 10 was the range that we were looking for. That was a Pretty simple example, because of the number we started with.

We didn't have to do much to figure out what that range was and what we needed to multiply the results of math dot random by. Well, if we use that same concept, we can also figure out what our range is, no matter what two numbers are passed in, for example, between zero and 10, the range would be 10 minus zero, and therefore would be 10. We can use the same process, the maximum number minus the minute minimum number will give us our range and then we would multiply that by the results of math dot random which right now we're storing in the unit variable. So let's set Rand or variable Rand equal to the unit value times and now we need to use parentheses because we want to make sure that the that the minimum is subtracted from the maximum before we multiply it against in it.

So this must be done first therefore the parentheses. Alright, so now we've got the range. However, let's take an example here, what if the range was two and six, so we do six minus two that will leave four, we multiply the initial number by four. That gets us somewhere between zero and four. But if the we want to be between two and six, obviously we simply need to add the minimum number to the results of what what we get here. So we do plus men, and that will give us the random number.

Now let's go ahead and console. log that Okay, so that's function. Now let's test this out. Let's do random number. And I call that function. So we want to use parentheses inside the parentheses, we want to put our two arguments.

Let's use 12 and 15. Go ahead and save that. copy the file path. Open the console. There we have a random number between 12 and 15. All right, let me jump back to sublime.

Now in the past, we have turned the results into an integer using round. Well, I want to talk for just a minute about that because using round is not completely accurate. Let's look why that might be the case. So if we're using 12 and 15 as our as our lower and upper parts of the range, what are the chances using round that we could retrieve the number 12? Well, the chances are 12.01 we'll just use two decimal places here to make it simple to 12.49. That's our chances that it could be 12 but knows what the chances are, it could be 13 that would be 12.5 to 13.49 do you see the problem?

There is not as much a chance to arrive at 12 as there is 13 There's only half a number where there's a full number here. And that's the case for the upper end of the range as well. And so that's why we have a problem with round round work well when we were dealing with this before, because we simply wanted to learn some of the concepts involved with the math object. But now let's talk about how we can make this more accurate. So a better way would be to use floor or ceiling if you remember, these two methods from the math object floor automatically drops to the lowest integer, see, ceiling automatically goes to the highest integer. So if it were 12.99, it would still come out as 12.

That would give us a full range to achieve 12. However, we would never get to 15 with floor because for 14.99 would drop to 14. So the way we can Solve that is we can add one more number to what we're multiplying the initial number by. So if we do one plus max minus min, so let's use six and two as our example again. So six minus two is four. If we add one to it, that's five.

So now we have a range of zero to five. So now our range is larger than it should be. However, when we use floor when we do math dot floor, that brings it back down one number, even if it ends up when we add the 2699. It drops it down to six. And so that's how we can make it more accurate and eliminate the problem that we get with round. Okay, let me remove these examples down here at the bottom.

Let's go ahead and take a look and see how this works. Save it, jump back out, refresh again, open the console. And I'm going to dock the console at the bottom, so we can just see it, try it a few times and see it, make sure we don't get anything that's outside of the range of what we're looking for. Remember, it was 12 and 15. between those two numbers. It looks like it's working pretty well. We haven't received anything outside of that.

Okay. So quick review, we found a situation which is great for creating a function because now we can reuse this function in a number of different places. We also talked a little bit about the problem with using round in determining the random number. And we've looked at a better way to do that so that this function now becomes more accurate and would be something that we want to use frequently. Now, what if we wanted to use this function in other parts of the code and we wanted to get the number back so we can use that number for something, we just don't want to log it to the console. Well, we could put that code inside the function, but then it makes the function so it's no longer reusable, because then it's more specific to what we're trying to do in that particular bit of code.

So we need a way to be able to return the number from the function and that's what we'll look at next.

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.