1
00:00:00,360 --> 00:00:01,270
お帰りなさい。

2
00:00:01,290 --> 00:00:07,140
このビデオでは、最後に残された大きな機能に取り組んでいきます。これは新しいことの創造です。

3
00:00:07,140 --> 00:00:08,140
 

4
00:00:08,670 --> 00:00:14,610
だからここで完成したバージョンでは、あなたの記憶をジョグするだけで動作します。私はそれをあなたにタイプしてからenterを押すことができます。

5
00:00:14,610 --> 00:00:16,400
 

6
00:00:16,410 --> 00:00:17,610
クリックするボタンはありません。

7
00:00:17,610 --> 00:00:24,240
私はちょうどenterを押すと、それは提出し、ここで私はオフまたは削除することができます下に新しいことができます。

8
00:00:24,240 --> 00:00:25,360
 

9
00:00:26,190 --> 00:00:27,510
だから始めましょう。

10
00:00:27,510 --> 00:00:33,330
まず、Enterキーを押すと起動するテキスト入力にリスナーを追加します。

11
00:00:34,350 --> 00:00:36,300
これを行うには、いくつかの選択肢があります。

12
00:00:36,540 --> 00:00:44,880
キープレスを使用することができます。または、入力を選択し、入力として残すのではなく、使用することができます。

13
00:00:44,880 --> 00:00:46,530
 

14
00:00:46,530 --> 00:00:50,670
私はもっ​​と具体的になり、入力タイプがテキストと等しいと言うでしょう。

15
00:00:50,790 --> 00:00:58,940
だから、これはすべての入力に影響を与え、それと同じようにテキストを入力してDOTを追加します。ここではキー入力を使用します。

16
00:00:58,940 --> 00:01:04,270
 

17
00:01:04,290 --> 00:01:11,760
ここではコールバック関数を紹介します。コールバック関数は定数ALTログから始まります。この定数ログは、Enterキーだけでなくキーを押しても実行されます。

18
00:01:12,450 --> 00:01:15,520
 

19
00:01:15,540 --> 00:01:24,340
だからちょうどプレスを保存して保存し、ブラウザに戻ってリフレッシュして、ここでこれを開きます。

20
00:01:24,870 --> 00:01:28,910
私がキーを押すと、キーが押されたことがわかります。

21
00:01:29,130 --> 00:01:33,160
だから私は別の鍵を打つだろう、そして、それは上昇し続ける。

22
00:01:33,300 --> 00:01:36,590
だから、ユーザーがEnterキーを押すまでは何もしたくない。

23
00:01:36,980 --> 00:01:44,090
だから、私たちがキープレス方式を導入したビデオでは、コードを少し変更する必要があります。

24
00:01:44,130 --> 00:01:50,940
また、キープレスオブジェクトのどのプロパティについても、押されたキーやキーの文字コードに対応していました。

25
00:01:50,940 --> 00:01:53,520
 

26
00:01:53,550 --> 00:01:58,830
ここではこれを使用して、Enterキーのコードである文字コードが13であるかどうかを確認します。

27
00:01:58,830 --> 00:02:00,480
 

28
00:02:00,570 --> 00:02:07,260
 

29
00:02:07,260 --> 00:02:17,280
 

30
00:02:17,730 --> 00:02:24,870
イベントオブジェクトをもう一度やり直して、必要なものを呼び出すことができます.3倍のイベントが1文字ごとにエンターキーをチェックする方法である場合は実行しますコードがあり、Enterキーが13の場合は、一定のログを作成します。

31
00:02:25,290 --> 00:02:31,890
あなたはエンターを押して、ここに戻ります。

32
00:02:31,920 --> 00:02:34,470
今私は入力していないキーの束を入力しています。

33
00:02:34,620 --> 00:02:36,900
そして、今私はエンターを押すつもりです。

34
00:02:37,000 --> 00:02:39,710
あなたはログについての呼び出しを得ることができます。

35
00:02:39,780 --> 00:02:41,610
あなたはエンターを押す。

36
00:02:41,610 --> 00:02:42,040
OK。

37
00:02:42,240 --> 00:02:48,100
 

38
00:02:48,420 --> 00:02:57,210
だから、入力を打つだけでなく、入力を取り消すのではなく、テキストをここから取り出して新しい味方を作ってから追加してから、この入力をクリアしてテキストが消えるようにします。

39
00:02:57,210 --> 00:02:58,700
 

40
00:02:58,920 --> 00:03:03,780
だから私たちは価値を引き出すことから始め、それはかなりシンプルです。

41
00:03:03,780 --> 00:03:06,270
Valメソッドを使用します。

42
00:03:06,270 --> 00:03:13,750
だから私たちは単純なこの誓いで行うことができるインプットの価値を求めています。

43
00:03:14,310 --> 00:03:15,620
だから、不動産をやりましょう。

44
00:03:15,660 --> 00:03:23,180
このDarvellを記録しておいてください。これは、リフレッシュでキーが押された入力を参照していることに注意してください。

45
00:03:23,580 --> 00:03:25,090
入力しないものは入力してください。

46
00:03:25,110 --> 00:03:26,280
何も起こりません。

47
00:03:26,280 --> 00:03:34,990
今私が値を記録するコンソールを入力したら、私はtaloとタイプし、enterを押します。

48
00:03:35,100 --> 00:03:38,820
だから、それを変数に保存しましょう。

49
00:03:40,020 --> 00:03:45,910
テキストを開始母音と同じにするようにしましょう。

50
00:03:45,960 --> 00:03:52,440
つまり、新しいテキストを入力から取得しています。

51
00:03:52,440 --> 00:04:02,660
そして私たちが次にやりたいことは、新しい味方を作り、あなたにそれをすることです。

52
00:04:02,670 --> 00:04:08,160
私はappendという新しいメソッドを導入するつもりです。追加する方法は、最初に追加する要素を選択することです。

53
00:04:08,160 --> 00:04:10,420
 

54
00:04:10,440 --> 00:04:13,330
だから私たちは私たちのものを追加するつもりです。

55
00:04:13,500 --> 00:04:18,000
だから私たちはUに会費を追加します。 N. ページ上に

56
00:04:18,000 --> 00:04:22,880
そうすれば、あなたはそうするでしょう。それは同盟国をその井戸に追加することになります。

57
00:04:23,190 --> 00:04:29,180
だから、もし私があなたを追加し、私はそれの文字列を与えることができます。

58
00:04:29,220 --> 00:04:35,430
だから私はここで味方を追加し、私はちょうど開始に何かをハードコード化。

59
00:04:35,460 --> 00:04:44,040
これは私がULを選択したように、このULに追加した新しい味方です。これは実際には他のすべてを選択します。

60
00:04:46,810 --> 00:04:51,900
 

61
00:04:51,910 --> 00:04:54,500
私たちは1つしか持っていないし、ペンがなくなってしまった。

62
00:04:54,790 --> 00:05:02,030
そしてあなたがするならば、この文字列を取って、それぞれのChimo内部の井戸に追加します。

63
00:05:02,410 --> 00:05:07,090
私がここに入るときは、タイプしていないので使用しないでください。

64
00:05:07,090 --> 00:05:08,350
 

65
00:05:08,830 --> 00:05:10,660
それは新しい味方を加える。

66
00:05:10,780 --> 00:05:18,370
そして私がenterを押すたびにそれが行われます。そして、もし私があなたがそれが要素のように井戸の中に追加された要素であることを見ることができるのを見ることができます。

67
00:05:18,370 --> 00:05:22,770
 

68
00:05:22,840 --> 00:05:28,420
ですから、doテキスト変数を実際に使用していますが、次に何をしたいのですか。

69
00:05:28,480 --> 00:05:33,150
その変数を追加するには、プラス記号を使用するだけです。

70
00:05:33,520 --> 00:05:40,630
 

71
00:05:40,780 --> 00:05:47,470
 

72
00:05:47,470 --> 00:05:57,270
したがって、2つの別々の開始行タグと終了タグを使用し、プラス記号を使用してテキストを追加します。これは、ユーザーが入力に入力したものと同じdoテキストを持つ1つの大きな文字列で終わります開会と閉会の同盟国と私たちはあなたにそれを送っています。歩いている犬をリフレッシュして、私はエンターを押して、ここで新たな同盟国を得ます。

73
00:05:57,280 --> 00:06:01,970
 

74
00:06:02,470 --> 00:06:03,710
だから大きな問題が2つあります。

75
00:06:03,760 --> 00:06:08,090
1つはこの入力をクリアし、2つはスパンを持たない。

76
00:06:08,590 --> 00:06:10,870
入力をクリアすることから始めましょう。

77
00:06:10,870 --> 00:06:20,710
私たちがする必要があるのは、この誓いをドル記号で実行し、それがゲッターではなくセッターとして機能する空の文字列を与えることだけです。

78
00:06:20,800 --> 00:06:22,460
 

79
00:06:22,870 --> 00:06:29,110
そして、それは今私たちに空の入力を与える必要があります。

80
00:06:29,110 --> 00:06:30,120
 

81
00:06:30,490 --> 00:06:32,990
次に、バックアップを表示するスパンを取得しましょう。

82
00:06:33,460 --> 00:06:41,110
だから私たちがそこでやる必要があるのは、私たちが味方スタックの中に追加する味方の中にあり、それが追加されます。

83
00:06:42,250 --> 00:06:49,690
そして、Xがそこにスペースを持っていて、テキストをやるのをやめようとするだけで、そこにXのスペースとスペースがあることを確認する必要があります。

84
00:06:49,690 --> 00:06:51,320
 

85
00:06:51,520 --> 00:06:57,500
私たちが救うならば、新しい弦に​​翼の内側にスパンを追加します。

86
00:06:57,670 --> 00:07:05,030
だから犬に餌を与え、私たちはスパンと新しい味方で終わります。

87
00:07:05,080 --> 00:07:11,710
しかし私たちはこのコードに問題があります。これは、フィード猫のように新しいものを追加して、新しいものを試してみることです。

88
00:07:11,710 --> 00:07:13,660
 

89
00:07:13,660 --> 00:07:18,540
彼らは実際にチェックを入れたり、古いものを削除したりしません。

90
00:07:18,670 --> 00:07:21,180
ライブイベントはまだ発砲しています。

91
00:07:21,490 --> 00:07:26,920
このスパンイベントはまだ発生しますが、動的に作成された新しいタトゥーは、ページが読み込まれても機能しない場合は表示されません。

92
00:07:26,920 --> 00:07:30,040
 

93
00:07:30,040 --> 00:07:36,160
これは、私があなたにこのスライドを見せたときに話していたことであり、ほとんどの場合、速く、Quakeでは両方とも仕事を終えると言いました。

94
00:07:36,210 --> 00:07:38,190
 

95
00:07:38,380 --> 00:07:40,500
しかし、1つの重要な違いがあります。

96
00:07:40,570 --> 00:07:47,800
クイックは既存の要素のリスナーを追加するだけで、すべての潜在的な将来の要素のリスナーを追加します。

97
00:07:48,220 --> 00:07:53,920
私たちがここで必要とするのは、それらのリスナーがすべての潜在的な同盟国を聴きたいからです。

98
00:07:53,920 --> 00:07:55,310
 

99
00:07:55,390 --> 00:08:01,060
私はここにいるので、私はすぐにではなく素早く使う方法を示すつもりです。

100
00:08:01,390 --> 00:08:04,800
だから、それに乗り換えるだけの問題ではありません。

101
00:08:05,050 --> 00:08:14,130
だから私はちょうどそれをちょうど同じようにクリックして味方になるようにこれを変えれば、私はこのように残す。

102
00:08:14,200 --> 00:08:18,180
基本的には、迅速ではなくむしろ同じことを除いて全く同じことです。

103
00:08:18,310 --> 00:08:25,780
私が元の要素に戻って作業をリフレッシュし、新しい要素を追加しても機能しません。

104
00:08:25,990 --> 00:08:29,450
だから、ただちにすばやくスワップするだけの問題ではありません。

105
00:08:29,710 --> 00:08:33,250
実際にはコードを少し変更するだけです。

106
00:08:33,250 --> 00:08:40,060
だから私はあなたに最初に変更を見せて、次にそれを説明します。

107
00:08:40,150 --> 00:08:44,940
だから私がしたことは、あなたを簡単なコンマでうまく書いたことです。

108
00:08:45,180 --> 00:08:46,010
なぜ。

109
00:08:46,060 --> 00:08:52,630
私がこれをしなければならなかった理由は、このコードが初めて実行されたときに存在する要素に対してjクエリを使用してリスナを追加するだけで済むからです。

110
00:08:52,810 --> 00:08:54,890
 

111
00:08:55,180 --> 00:08:59,190
そしてこのコードが初めて実行された時、私たちはすべての同盟国を持っていません。

112
00:08:59,200 --> 00:09:04,710
我々は3人しか持っていないので、クイックリスナーを同盟国に加えると、それらの3人に追加されます。

113
00:09:04,720 --> 00:09:09,590
ですから、私たちが代わりに行うのは、UL親全体にリスナーを追加することです。

114
00:09:09,910 --> 00:09:13,590
だから、いつでもこのリスナーが発火するでしょう。

115
00:09:13,810 --> 00:09:16,690
この2番目の引数を追加します。

116
00:09:17,140 --> 00:09:24,470
そして、このコードがしているのは、あなたがこのコードを実行するときに味方がクリックされたときです。

117
00:09:24,580 --> 00:09:28,670
そこで、ページが読み込まれたときに存在する要素にリスナーを追加しました。

118
00:09:28,900 --> 00:09:33,930
しかし、私たちは本当にそれの中でクリックされた嘘を聞いているだけです。

119
00:09:34,380 --> 00:09:36,300
だから私はこれを今実証しよう。

120
00:09:37,000 --> 00:09:40,400
私はリフレッシュし、新しいものをここに追加しましょう。

121
00:09:40,930 --> 00:09:44,720
古いものはまだ動作し、新しいものもチェックオフすることができます。

122
00:09:45,070 --> 00:09:46,550
しかし、削除は機能しません。

123
00:09:46,840 --> 00:09:50,250
だから私たちは戻って同じ正確な変更を行う必要があります。

124
00:09:50,410 --> 00:09:58,450
したがって、ページがオンでロードされているときに存在するイベントをリッスンしてから、クリックしますが、スパンがウェルの内部でクリックされたときにのみこのコードを実行します。

125
00:09:58,450 --> 00:10:03,520
 

126
00:10:04,120 --> 00:10:06,690
そして、私たちがそれを残すなら、私たちは行かなくてはなりません。

127
00:10:06,700 --> 00:10:08,810
さあ、それを試してみましょう。

128
00:10:09,040 --> 00:10:14,890
私たちは古いものと新しいものを削除することができます。

129
00:10:15,730 --> 00:10:18,620
さて、ここで新素材のいくつかを要約しましょう。

130
00:10:18,640 --> 00:10:24,850
最初に、appendメソッドを使用して、HMOの文字列を取得し、選択したものにそれらの要素を追加します。

131
00:10:25,090 --> 00:10:27,110
 

132
00:10:27,340 --> 00:10:34,940
そして、2番目のことは迅速ではなく、このULを迅速に追加することでした。

133
00:10:34,960 --> 00:10:41,200
そして、第2引数は、ページがロードされたときにページにあった井戸の内部にロードされたときに、ページ上にあったかどうかを指定します。

134
00:10:41,990 --> 00:10:46,300
 

135
00:10:46,450 --> 00:10:51,850
そこで、ページが読み込まれたときに存在する要素にイベントリスナーを追加して、まだ存在しない要素を考慮できるようにします。

136
00:10:51,850 --> 00:10:53,530
 

137
00:10:53,980 --> 00:10:55,800
それが私たちの基本的な機能です。

138
00:10:55,810 --> 00:10:57,810
To Doリストが完成しました。

139
00:10:57,880 --> 00:11:00,710
私たちが次のビデオで重視するのはスタイリングです。

140
00:11:00,850 --> 00:11:02,350
そして、そこに行く方法は間違いありません。