1
00:00:00,460 --> 00:00:01,570
Hello again, everyone.

2
00:00:02,480 --> 00:00:09,260
All right, so we got event binding down, so in this lesson, I want to talk about the key up event.

3
00:00:14,250 --> 00:00:17,610
So now I'm creating an input file in the HTML5.

4
00:00:18,440 --> 00:00:25,100
And here, I'll use the key up event, so we will listen according to the movements coming from the

5
00:00:25,100 --> 00:00:25,850
keyboard.

6
00:00:32,850 --> 00:00:34,620
So I'm pairing it with a method.

7
00:00:36,030 --> 00:00:37,680
And now let's prepare our method.

8
00:00:39,150 --> 00:00:46,290
So when we want to do this in method, let's say the user enters the information on the form page and

9
00:00:46,290 --> 00:00:48,600
wants to save this information by pressing enter.

10
00:00:49,500 --> 00:00:54,150
So here we can examine the user hitting the enter key as an event.

11
00:00:55,400 --> 00:00:58,920
So there is a key code parameter that we can use for this.

12
00:00:59,810 --> 00:01:05,350
Now the key code parameter from the curve event in the method is equal to 13.

13
00:01:05,780 --> 00:01:07,820
The user press the anarky.

14
00:01:08,510 --> 00:01:09,940
Well, I can examine.

15
00:01:10,640 --> 00:01:13,280
So this 13 for Eteocles here.

16
00:01:15,040 --> 00:01:17,410
A different code will be used for different key.

17
00:01:18,500 --> 00:01:20,690
And we can check these codes from Crom!

18
00:01:22,640 --> 00:01:28,280
So now if we look at the browser, I can enter the value from here and when I press enter, as you can

19
00:01:28,280 --> 00:01:29,990
see, the event has been triggered.

20
00:01:32,150 --> 00:01:35,030
So we can now listen when we hit the inner button.

21
00:01:36,970 --> 00:01:45,280
Now we'll listen for every key entered on the keyboard and the event is triggered when this energy is

22
00:01:45,280 --> 00:01:45,820
pressed.

23
00:01:47,140 --> 00:01:49,750
So we can customize this situation a little more if you want.

24
00:01:50,470 --> 00:01:55,720
So in other words, we can only follow the enter key without following all the keys.

25
00:01:57,150 --> 00:01:59,430
It's also come in here and right that enter.

26
00:02:00,810 --> 00:02:03,990
And we won't need to send the parameter.

27
00:02:05,550 --> 00:02:11,490
Now, we don't even need to do a check within the method because we already do that check in the beginning,

28
00:02:11,490 --> 00:02:11,840
right?

29
00:02:13,400 --> 00:02:15,980
Now, when we try this situation in the browser.

30
00:02:17,480 --> 00:02:21,920
When we enter the information and press center, we see the console.

31
00:02:23,270 --> 00:02:30,140
So, my friends, as you can see, we checked the progress of the anarchy and then we printed a console

32
00:02:30,140 --> 00:02:31,010
string value.

33
00:02:32,880 --> 00:02:36,210
So now let's examine how to console the value that we wrote here.

34
00:02:37,970 --> 00:02:44,900
Now, here, I'll use event as parameter again, and in this method, I want to print this event value

35
00:02:44,900 --> 00:02:47,060
instead of constant value and console.

36
00:02:48,080 --> 00:02:50,930
So over this I write event that target, that value.

37
00:02:52,080 --> 00:02:58,500
And here I used the event target attribute and called the value in it.

38
00:03:00,830 --> 00:03:07,730
So here I've used the event target attribute and called the value in it so that when I press enter,

39
00:03:08,210 --> 00:03:10,550
I see what value I entered.

40
00:03:12,000 --> 00:03:14,860
All right, my friends, that is the key feature.

41
00:03:17,590 --> 00:03:23,080
We also talked about how to follow the letters used in the keyboard via input.

42
00:03:23,930 --> 00:03:26,210
All right, so see in the next lesson.
