この動画でOKです。これまでに学んだことを使って、JavaScript配列について簡単にリストを作成します。
もちろん、私たちはJim Clancyと私たちのJavaScriptが相互作用することについて学んだことはありません。
だから、このリストアプリをするには、すべてのプロンプトやアラートと常にログに基づいて行われる予定です。
しかしすぐに我々はJavaScriptを使ってMoul要素に年齢を追加したり、それらを削除したり、それらを変更したり、SSを追加したりするような、支配的な突然変異について学んでいきます。それはKonstだけでなくログです。
それでは、どのように動作するのですか？
私はページをリフレッシュするとき、私は何をしたいのか尋ねます。
そして、あなたは左に私は3つの選択肢があります私は新しい携帯電話を入力することができますを見ることができます新しいことを行うことができます。
リストを入力すると、すべてを表示したり終了したりすることができます。
それではリストを入力してみましょう。
そして、それは私のことをすべて印刷します。これは今のところ空の配列です。
だから新しいものを追加しましょう。
それは私にもう一度尋ねることに注意してください。私はすべての新しいタイプを再ロードする必要はなく、今は新しいものを入力するように言います。
だから私は錆びて歩くつもりです。
Enterを押すと、今何をしたいのですか？
だから私はリストし、私はウォーレスレシが私のTo Doリストに追加されているのを見ることができます。
もう1つ追加しましょう。
だからこの新しいものは、フィードrestiとリストと私は今、その配列の両方の項目があります。
だから今このサイクルを終えるために私はそれを取るつもりです私は再びプロンプトが表示されません。
それがここの目標です。
進んで昇華して必要なファイルを作成しましょう。
だから私はリストを持っている。
HMOは私の定型文を追加してリストに追加します。
そして、ここでは、私は先に進んで、リストを作成してからいくつかの味方をすることを明確にするためにH1を追加します。
最初のものは、コマンドがa to
doを追加したことを覚えているので、すべてのリストリストを持つつもりです。
そして最後にやめて終了するだけです。
これを保存します。
今作成する必要があるjavascriptファイルをリンクしましょう。
そして、私はそのリストを呼ぶつもりです。
Jayはいそして私はそのファイルを作成してそれを保存します S.
もちろん、私はいつも好きなように始めます。今度はログを記録するコンソールを使って、すべてが正しく動作するかどうかを二重にチェックしてみましょう。
さあ、これをブラウザで開いてみましょう。
ここでリストをやるには少しですが、私たちはつながります。
驚くばかり。
ここで少しフォントを増やすつもりです。
さて、私たちの論理について話しましょう。
ですから、To Doリストをモデル化するために配列を使うことです。
だから、私たちは必要とするでしょう。
私はそれを呼ぶつもりで、それは空として始まります。
次に、ユーザーに入力を求めます。
だから、私たちはその入力var inputがプロンプトに等しいと呼んでいます。
あなたは何をしたいですか？
そして、次のステップは、入力がLISTであれば、入力が何であるかを調べることです。
入力が新しい場合は、何か他のことをやろうとします。
だから、入力してみましょう、それがリストに等しいかどうかをチェックすることから始めましょう。
そのような場合は、取り消すつもりですが、すべてをログに記録しないでください。
ここでいくつか追加して追加して、ここに新しいカメセーブで1つ追加して、これが機能するかどうかを確認しましょう。
だから、それが動作するかどうかを確認するリフレッシュします。
そして、私たちがする必要があるのはタイプリストです。私たちは新しいカメを買うという配列を見るべきです。
しかし、何か他のものを入力した場合、inputがlistと等しい場合にのみコードが実行されるため、何も表示されません。
だからそれがある。
次のステップは、別の条件を追加することです。
行こう。
そうでなければ、入力が新しいものと等しい。
そして、それが当てはまる場合、私たちはユーザに新しいことを尋ねて、新しいものを2つの配列に加えることを頼むことを求めたいと思うでしょう。
新しいことを求めるには、新しいことをするための新しいプロンプトをプロンプトで使用するだけです。
newを入力してDewes配列に追加するには、多くのオプションがあります。
私はそれを配列の最後に追加します。
だから使い果たして、新しいことをするのは新しいことです。
それでこの作業をするためにここで行う必要があるのはこれだけです。
唯一の問題は、私が今これを実行して、新しいことをやってみると新しいことをやってみることです。新しいことを入力してWOCの新しいカメをやります。
私は実際にそれが働いたかどうかをチェックする方法はありません。
私はここに行くことができ、コンソールに入力してOKを確認することができます。両方ともここにありますが、リストコマンドを使ってそれらを印刷する方法はありません。
そして、それは、今、あなたが何をしたいのかと一度だけ尋ねているからです。
だから次のステップはこれを繰り返すことです。
私たちは、ユーザーが終了するまで繰り返し何度も何度も何度も何度も何度も何度も何度も何度も何度も何度も何度も何度も何度も何度も何度も何度も何度も何度も何度も何度も何度も何度も何度も何度も何度も何度も聞きたいと思っていた
だからうまくいけば、私たちがループを使用するべきであると叫びます。
条件が真実になるまで何か何度も何度もやりたい
したがって、私たちが書きたいループはwhileループになり、入力がquitと等しくない間に状態になるでしょう。
だから私たちはこのコードを実行するつもりです。
その後、私はそのブログに来るでしょう。
アプリケーションを終了して、ちょうどいくつかのフィードバックが表示されるようにしてください。
これが終わると、私たちはこの行だけを見ます。
つまり、ユーザーが入力を迅速にしたことを意味し、次にここでは下部に新しい入力を再度求めます。
また、上部には入力を処理します。
だから私たちはユーザーに入力を一度求めてから、このコードをこのようにループに移します。
だから私はあなたに何をしたいと思うかを一度聞いてみるつもりです。
うまくいけば、彼らはすぐに終了しません。
しかし、彼らがしたら、私たちはあなたが終わってもOKになります。
しかし、彼らが終了しない場合、私たちは日型リストにチェックするつもりです、彼らは新しいタイプを入力しました。
最後に、新しい入力を再度尋ねる必要があるため、新しい入力を再度尋ねる必要があります。
私たちがする必要があることは、このような行をそのままコピーすることです。
だから私はこれをもう少し大きくするつもりです。
ここで入力をもう一度尋ねると、これはループオーバーし始め、すべてのチェックは今回終了した入力と同じになります。
はい、これで終わりです。
だからそれを試してみましょう。
あなたは何をしたいのですか？
新しい亀を食べるために新しい雇い人をしてみましょう何をしたいですか？
それは私に最初に尋ねた。
だから今私はリストの中にするべき2人を持っています。
さあ、やめてみましょう。
あなたはアプリを終了します。
だから、私はこの条件を突然終了しました、それは本当だった、そして、私たちは完了です。
ですから、ちょっとしたものを整えて、それから適切なものを作りましょう。
今のところリストを作るのが基本です。
まもなく、いくつかの追加機能やその他のコマンドを追加する予定ですが、それを実現するには配列についていくつか新しいことを学ぶ必要があります。