1
00:00:00,600 --> 00:00:06,330
この動画でOKです。これまでに学んだことを使って、JavaScript配列について簡単にリストを作成します。

2
00:00:06,330 --> 00:00:07,790
 

3
00:00:08,160 --> 00:00:13,290
もちろん、私たちはJim Clancyと私たちのJavaScriptが相互作用することについて学んだことはありません。

4
00:00:13,350 --> 00:00:18,770
だから、このリストアプリをするには、すべてのプロンプトやアラートと常にログに基づいて行われる予定です。

5
00:00:18,960 --> 00:00:24,210
 

6
00:00:24,210 --> 00:00:29,400
 

7
00:00:29,400 --> 00:00:33,080
しかしすぐに我々はJavaScriptを使ってMoul要素に年齢を追加したり、それらを削除したり、それらを変更したり、SSを追加したりするような、支配的な突然変異について学んでいきます。それはKonstだけでなくログです。

8
00:00:33,150 --> 00:00:34,620
それでは、どのように動作するのですか？

9
00:00:34,620 --> 00:00:38,480
私はページをリフレッシュするとき、私は何をしたいのか尋ねます。

10
00:00:38,700 --> 00:00:43,870
そして、あなたは左に私は3つの選択肢があります私は新しい携帯電話を入力することができますを見ることができます新しいことを行うことができます。

11
00:00:43,920 --> 00:00:47,990
リストを入力すると、すべてを表示したり終了したりすることができます。

12
00:00:48,030 --> 00:00:50,780
それではリストを入力してみましょう。

13
00:00:51,440 --> 00:00:56,190
そして、それは私のことをすべて印刷します。これは今のところ空の配列です。

14
00:00:56,190 --> 00:00:57,640
だから新しいものを追加しましょう。

15
00:00:57,750 --> 00:01:03,870
それは私にもう一度尋ねることに注意してください。私はすべての新しいタイプを再ロードする必要はなく、今は新しいものを入力するように言います。

16
00:01:04,560 --> 00:01:07,200
だから私は錆びて歩くつもりです。

17
00:01:07,350 --> 00:01:11,010
Enterを押すと、今何をしたいのですか？

18
00:01:11,220 --> 00:01:16,320
だから私はリストし、私はウォーレスレシが私のTo Doリストに追加されているのを見ることができます。

19
00:01:16,650 --> 00:01:17,830
もう1つ追加しましょう。

20
00:01:17,850 --> 00:01:27,790
だからこの新しいものは、フィードrestiとリストと私は今、その配列の両方の項目があります。

21
00:01:27,810 --> 00:01:32,180
だから今このサイクルを終えるために私はそれを取るつもりです私は再びプロンプトが表示されません。

22
00:01:32,430 --> 00:01:33,720
それがここの目標です。

23
00:01:34,020 --> 00:01:37,980
進んで昇華して必要なファイルを作成しましょう。

24
00:01:38,700 --> 00:01:39,870
だから私はリストを持っている。

25
00:01:39,990 --> 00:01:45,280
HMOは私の定型文を追加してリストに追加します。

26
00:01:45,960 --> 00:01:55,350
そして、ここでは、私は先に進んで、リストを作成してからいくつかの味方をすることを明確にするためにH1を追加します。

27
00:01:55,350 --> 00:01:57,440
 

28
00:01:58,770 --> 00:02:08,580
最初のものは、コマンドがa to

29
00:02:11,490 --> 00:02:15,170
doを追加したことを覚えているので、すべてのリストリストを持つつもりです。

30
00:02:15,210 --> 00:02:21,590
そして最後にやめて終了するだけです。

31
00:02:22,060 --> 00:02:23,220
これを保存します。

32
00:02:23,250 --> 00:02:27,140
今作成する必要があるjavascriptファイルをリンクしましょう。

33
00:02:27,690 --> 00:02:31,600
そして、私はそのリストを呼ぶつもりです。

34
00:02:31,640 --> 00:02:38,420
Jayはいそして私はそのファイルを作成してそれを保存します S.

35
00:02:39,540 --> 00:02:44,640
もちろん、私はいつも好きなように始めます。今度はログを記録するコンソールを使って、すべてが正しく動作するかどうかを二重にチェックしてみましょう。

36
00:02:45,630 --> 00:02:50,420
さあ、これをブラウザで開いてみましょう。

37
00:02:50,430 --> 00:02:54,670
ここでリストをやるには少しですが、私たちはつながります。

38
00:02:55,030 --> 00:02:57,860
驚くばかり。

39
00:02:58,110 --> 00:02:59,050
ここで少しフォントを増やすつもりです。

40
00:02:59,700 --> 00:03:01,860
さて、私たちの論理について話しましょう。

41
00:03:01,860 --> 00:03:04,050
ですから、To Doリストをモデル化するために配列を使うことです。

42
00:03:04,050 --> 00:03:08,500
だから、私たちは必要とするでしょう。

43
00:03:08,550 --> 00:03:10,010
私はそれを呼ぶつもりで、それは空として始まります。

44
00:03:10,020 --> 00:03:13,440
次に、ユーザーに入力を求めます。

45
00:03:14,490 --> 00:03:18,930
だから、私たちはその入力var inputがプロンプトに等しいと呼んでいます。

46
00:03:19,110 --> 00:03:26,020
あなたは何をしたいですか？

47
00:03:26,460 --> 00:03:30,030
そして、次のステップは、入力がLISTであれば、入力が何であるかを調べることです。

48
00:03:31,470 --> 00:03:37,000
入力が新しい場合は、何か他のことをやろうとします。

49
00:03:37,020 --> 00:03:41,660
だから、入力してみましょう、それがリストに等しいかどうかをチェックすることから始めましょう。

50
00:03:41,700 --> 00:03:50,310
そのような場合は、取り消すつもりですが、すべてをログに記録しないでください。

51
00:03:50,700 --> 00:03:58,050
 

52
00:03:58,860 --> 00:04:08,910
ここでいくつか追加して追加して、ここに新しいカメセーブで1つ追加して、これが機能するかどうかを確認しましょう。

53
00:04:08,910 --> 00:04:11,040
だから、それが動作するかどうかを確認するリフレッシュします。

54
00:04:11,040 --> 00:04:13,120
そして、私たちがする必要があるのはタイプリストです。私たちは新しいカメを買うという配列を見るべきです。

55
00:04:13,320 --> 00:04:19,510
しかし、何か他のものを入力した場合、inputがlistと等しい場合にのみコードが実行されるため、何も表示されません。

56
00:04:19,650 --> 00:04:25,530
 

57
00:04:25,530 --> 00:04:27,680
だからそれがある。

58
00:04:28,500 --> 00:04:29,780
次のステップは、別の条件を追加することです。

59
00:04:29,820 --> 00:04:33,170
行こう。

60
00:04:33,200 --> 00:04:33,730
そうでなければ、入力が新しいものと等しい。

61
00:04:33,720 --> 00:04:37,740
 

62
00:04:38,400 --> 00:04:46,260
そして、それが当てはまる場合、私たちはユーザに新しいことを尋ねて、新しいものを2つの配列に加えることを頼むことを求めたいと思うでしょう。

63
00:04:46,260 --> 00:04:48,080
新しいことを求めるには、新しいことをするための新しいプロンプトをプロンプトで使用するだけです。

64
00:04:48,960 --> 00:04:55,200
newを入力してDewes配列に追加するには、多くのオプションがあります。

65
00:04:56,370 --> 00:05:03,340
私はそれを配列の最後に追加します。

66
00:05:03,360 --> 00:05:05,860
だから使い果たして、新しいことをするのは新しいことです。

67
00:05:05,970 --> 00:05:10,680
それでこの作業をするためにここで行う必要があるのはこれだけです。

68
00:05:10,680 --> 00:05:13,670
 

69
00:05:13,680 --> 00:05:20,940
唯一の問題は、私が今これを実行して、新しいことをやってみると新しいことをやってみることです。新しいことを入力してWOCの新しいカメをやります。

70
00:05:20,940 --> 00:05:29,300
私は実際にそれが働いたかどうかをチェックする方法はありません。

71
00:05:29,700 --> 00:05:32,220
 

72
00:05:32,550 --> 00:05:38,850
私はここに行くことができ、コンソールに入力してOKを確認することができます。両方ともここにありますが、リストコマンドを使ってそれらを印刷する方法はありません。

73
00:05:38,850 --> 00:05:42,470
そして、それは、今、あなたが何をしたいのかと一度だけ尋ねているからです。

74
00:05:42,780 --> 00:05:47,390
だから次のステップはこれを繰り返すことです。

75
00:05:47,430 --> 00:05:49,990
私たちは、ユーザーが終了するまで繰り返し何度も何度も何度も何度も何度も何度も何度も何度も何度も何度も何度も何度も何度も何度も何度も何度も何度も何度も何度も何度も何度も何度も何度も何度も何度も何度も聞きたいと思っていた

76
00:05:50,130 --> 00:05:55,210
だからうまくいけば、私たちがループを使用するべきであると叫びます。

77
00:05:55,230 --> 00:05:58,750
条件が真実になるまで何か何度も何度もやりたい

78
00:05:58,860 --> 00:06:02,200
 

79
00:06:02,640 --> 00:06:08,070
したがって、私たちが書きたいループはwhileループになり、入力がquitと等しくない間に状態になるでしょう。

80
00:06:08,130 --> 00:06:12,570
だから私たちはこのコードを実行するつもりです。

81
00:06:12,780 --> 00:06:17,720
その後、私はそのブログに来るでしょう。

82
00:06:18,420 --> 00:06:20,760
アプリケーションを終了して、ちょうどいくつかのフィードバックが表示されるようにしてください。

83
00:06:21,070 --> 00:06:27,470
これが終わると、私たちはこの行だけを見ます。

84
00:06:27,630 --> 00:06:31,370
 

85
00:06:31,620 --> 00:06:39,120
つまり、ユーザーが入力を迅速にしたことを意味し、次にここでは下部に新しい入力を再度求めます。

86
00:06:39,240 --> 00:06:40,420
また、上部には入力を処理します。

87
00:06:40,690 --> 00:06:45,600
 

88
00:06:45,600 --> 00:06:51,540
だから私たちはユーザーに入力を一度求めてから、このコードをこのようにループに移します。

89
00:06:51,540 --> 00:06:52,020
 

90
00:06:55,290 --> 00:06:57,860
だから私はあなたに何をしたいと思うかを一度聞いてみるつもりです。

91
00:06:58,020 --> 00:07:03,950
うまくいけば、彼らはすぐに終了しません。

92
00:07:04,050 --> 00:07:05,760
しかし、彼らがしたら、私たちはあなたが終わってもOKになります。

93
00:07:05,820 --> 00:07:08,810
しかし、彼らが終了しない場合、私たちは日型リストにチェックするつもりです、彼らは新しいタイプを入力しました。

94
00:07:09,030 --> 00:07:13,850
最後に、新しい入力を再度尋ねる必要があるため、新しい入力を再度尋ねる必要があります。

95
00:07:14,280 --> 00:07:22,140
私たちがする必要があることは、このような行をそのままコピーすることです。

96
00:07:22,170 --> 00:07:28,040
だから私はこれをもう少し大きくするつもりです。

97
00:07:28,110 --> 00:07:30,440
 

98
00:07:31,590 --> 00:07:38,130
ここで入力をもう一度尋ねると、これはループオーバーし始め、すべてのチェックは今回終了した入力と同じになります。

99
00:07:38,130 --> 00:07:39,310
はい、これで終わりです。

100
00:07:39,600 --> 00:07:41,180
だからそれを試してみましょう。

101
00:07:41,580 --> 00:07:42,990
あなたは何をしたいのですか？

102
00:07:43,230 --> 00:07:46,590
新しい亀を食べるために新しい雇い人をしてみましょう何をしたいですか？

103
00:07:47,010 --> 00:07:55,220
それは私に最初に尋ねた。

104
00:07:55,260 --> 00:07:57,430
だから今私はリストの中にするべき2人を持っています。

105
00:07:57,870 --> 00:08:00,930
さあ、やめてみましょう。

106
00:08:00,990 --> 00:08:04,810
あなたはアプリを終了します。

107
00:08:04,830 --> 00:08:05,800
だから、私はこの条件を突然終了しました、それは本当だった、そして、私たちは完了です。

108
00:08:06,090 --> 00:08:10,160
ですから、ちょっとしたものを整えて、それから適切なものを作りましょう。

109
00:08:10,380 --> 00:08:14,760
今のところリストを作るのが基本です。

110
00:08:15,150 --> 00:08:17,500
 

111
00:08:17,700 --> 00:08:22,320
まもなく、いくつかの追加機能やその他のコマンドを追加する予定ですが、それを実現するには配列についていくつか新しいことを学ぶ必要があります。

112
00:08:22,320 --> 00:08:24,140