1
00:00:00,570 --> 00:00:01,770
Okay.

2
00:00:01,770 --> 00:00:05,763
So, I hope you successfully did that.

3
00:00:07,440 --> 00:00:10,143
And so, let's try to solve it now together.

4
00:00:11,550 --> 00:00:14,400
Or actually, let me show you my solution

5
00:00:14,400 --> 00:00:17,520
so that you can see how it compares with yours.

6
00:00:17,520 --> 00:00:19,980
And as always, you can also find my solution

7
00:00:19,980 --> 00:00:23,250
in the final folder in the GitHub repository.

8
00:00:23,250 --> 00:00:24,083
Okay?

9
00:00:25,500 --> 00:00:30,210
Now actually, let's start with the bill variable

10
00:00:30,210 --> 00:00:33,060
which I'm gonna set to 275

11
00:00:33,060 --> 00:00:35,403
which is here the first test value.

12
00:00:36,870 --> 00:00:38,850
And now, the tip

13
00:00:38,850 --> 00:00:41,703
and let's calculate it using the ternary operator.

14
00:00:43,770 --> 00:00:45,840
So, let's implement this rule,

15
00:00:45,840 --> 00:00:49,830
which is, if the value is between 50 and 300,

16
00:00:49,830 --> 00:00:53,493
then the tip should be 15% of the bill value.

17
00:00:56,820 --> 00:01:01,820
So, that means that bill must be less or equal 300,

18
00:01:04,769 --> 00:01:06,570
and at the same time,

19
00:01:06,570 --> 00:01:11,570
bill must be greater or equal than 50, right?

20
00:01:14,010 --> 00:01:17,160
And again, that's what it means for the bill value

21
00:01:17,160 --> 00:01:20,580
to be between 300 and 50.

22
00:01:20,580 --> 00:01:22,860
It's gonna be less or equal 300,

23
00:01:22,860 --> 00:01:27,860
and at the same time, greater or equal than 50.

24
00:01:27,930 --> 00:01:31,440
So, 40 for example, is of course less than 300

25
00:01:31,440 --> 00:01:33,930
but it's also less than 50.

26
00:01:33,930 --> 00:01:36,540
And so, this part here will then be false.

27
00:01:36,540 --> 00:01:39,180
And so, this entire expression here,

28
00:01:39,180 --> 00:01:43,667
which is than true and false will be false as well, right?

29
00:01:45,180 --> 00:01:50,110
So, in this case, the tip here will be the bill value

30
00:01:51,270 --> 00:01:53,790
times 15%,

31
00:01:53,790 --> 00:01:55,939
which as I explained here,

32
00:01:55,939 --> 00:02:00,750
all we need to do is to multiply it by 15 divided by 100,

33
00:02:00,750 --> 00:02:02,463
so that 0.15.

34
00:02:03,600 --> 00:02:07,500
And else it's 20%.

35
00:02:07,500 --> 00:02:10,863
So, bill times 0.2.

36
00:02:12,150 --> 00:02:14,910
Give it a save, and that's actually it.

37
00:02:14,910 --> 00:02:16,113
So, that's number one.

38
00:02:18,210 --> 00:02:20,310
And now, as number two,

39
00:02:20,310 --> 00:02:23,640
let's lock this string to the console

40
00:02:23,640 --> 00:02:26,490
as is requested here in number two.

41
00:02:26,490 --> 00:02:29,610
So, let's actually grab this template here.

42
00:02:29,610 --> 00:02:32,520
So, then we just have to replace the values.

43
00:02:32,520 --> 00:02:34,380
And so, since we're building a string,

44
00:02:34,380 --> 00:02:37,203
we are again relying on the template literal.

45
00:02:38,760 --> 00:02:40,893
So, here we're gonna put the bill value.

46
00:02:43,920 --> 00:02:46,173
Here we're gonna put the tip.

47
00:02:47,400 --> 00:02:49,530
And we're missing the curly braces.

48
00:02:49,530 --> 00:02:54,530
And here the total value is gonna be the bill plus the tip.

49
00:02:55,500 --> 00:02:59,140
So, we can, as you already know, write an expression here

50
00:03:00,540 --> 00:03:02,340
using this operator,

51
00:03:02,340 --> 00:03:03,603
so the plus operator.

52
00:03:05,550 --> 00:03:07,350
And that's actually it.

53
00:03:07,350 --> 00:03:08,490
So, let's try it

54
00:03:08,490 --> 00:03:10,410
and with this bill value,

55
00:03:10,410 --> 00:03:13,080
the output should actually be exactly

56
00:03:13,080 --> 00:03:14,763
like it's written up there.

57
00:03:15,930 --> 00:03:17,220
And it is.

58
00:03:17,220 --> 00:03:21,150
So, 275, the tip is 41.25,

59
00:03:21,150 --> 00:03:22,590
so just like here.

60
00:03:22,590 --> 00:03:26,970
And the total value is 316.25.

61
00:03:26,970 --> 00:03:27,803
Great.

62
00:03:27,803 --> 00:03:30,090
And just to understand this one,

63
00:03:30,090 --> 00:03:31,980
so this condition a little bit better,

64
00:03:31,980 --> 00:03:35,943
let's just take this one and paste it here into the console.

65
00:03:36,990 --> 00:03:39,420
And so, we see that this one is true.

66
00:03:39,420 --> 00:03:43,830
And of course that's because 275 is less than 300

67
00:03:43,830 --> 00:03:45,420
and more than 50.

68
00:03:45,420 --> 00:03:47,460
So, it is between this range.

69
00:03:47,460 --> 00:03:50,790
And therefore, this part of the ternary operator here

70
00:03:50,790 --> 00:03:53,580
will be executed and become the result

71
00:03:53,580 --> 00:03:56,610
of this operator essentially, right?

72
00:03:56,610 --> 00:03:58,230
So, the result of this operator

73
00:03:58,230 --> 00:04:00,960
will be bill times 0.15

74
00:04:00,960 --> 00:04:03,660
and that's the value that will then be assigned

75
00:04:03,660 --> 00:04:06,660
to the tip variable, okay?

76
00:04:06,660 --> 00:04:08,190
Now, let's try another one.

77
00:04:08,190 --> 00:04:09,183
So, 40,

78
00:04:12,180 --> 00:04:14,313
and now the tip was 8.

79
00:04:15,600 --> 00:04:17,132
Let's try this one here again.

80
00:04:18,450 --> 00:04:20,519
And now the condition is false.

81
00:04:20,519 --> 00:04:22,560
So, remember that here in the console

82
00:04:22,560 --> 00:04:24,480
we have access to all the variables

83
00:04:24,480 --> 00:04:26,280
that we have declared here.

84
00:04:26,280 --> 00:04:30,330
So, if I write bill now, you will see that it's actually 40.

85
00:04:30,330 --> 00:04:35,263
So, bill is obviously below 300, but it's also below 50.

86
00:04:36,420 --> 00:04:37,890
So, this part is false,

87
00:04:37,890 --> 00:04:40,710
and true and false gives false.

88
00:04:40,710 --> 00:04:42,090
And so, in this case,

89
00:04:42,090 --> 00:04:46,533
the value that's gonna be assigned to tip is 40 times 0.2,

90
00:04:47,430 --> 00:04:49,410
and that's exactly 8.

91
00:04:49,410 --> 00:04:52,110
So, it's what we see here.

92
00:04:52,110 --> 00:04:55,200
Okay. And now just for the sake of completion,

93
00:04:55,200 --> 00:04:56,823
let's do the last one as well.

94
00:04:59,460 --> 00:05:03,450
And yeah, this should have worked as well

95
00:05:03,450 --> 00:05:07,230
because now this one is false again.

96
00:05:07,230 --> 00:05:11,460
I mean, that's because this time 430 is above 300

97
00:05:11,460 --> 00:05:16,460
and so, 86 should be 430 times 0.2.

98
00:05:17,670 --> 00:05:21,390
Let's quickly check that 0.2.

99
00:05:21,390 --> 00:05:22,380
And that's right.

100
00:05:22,380 --> 00:05:24,723
That's the 86 that we have up here.

101
00:05:25,710 --> 00:05:26,700
Great.

102
00:05:26,700 --> 00:05:29,040
So, hopefully you did this.

103
00:05:29,040 --> 00:05:32,010
And once more, if you did it a little bit differently,

104
00:05:32,010 --> 00:05:33,630
that's not a problem at all.

105
00:05:33,630 --> 00:05:36,000
I just hope that you made it work.

106
00:05:36,000 --> 00:05:37,020
Okay.

107
00:05:37,020 --> 00:05:40,830
And actually this concludes the coding part of this section.

108
00:05:40,830 --> 00:05:42,900
There's just one more lecture left,

109
00:05:42,900 --> 00:05:46,680
which is gonna be a deeper dive into JavaScript versions,

110
00:05:46,680 --> 00:05:49,800
especially into ES5 and ES6.

111
00:05:49,800 --> 00:05:51,720
So, it's gonna be an interesting one.

112
00:05:51,720 --> 00:05:54,483
And yeah, I'm waiting for you there.