ALLISON BUCHHOLTZ-AU： すべての権利みんな。 セクションに戻っようこそ。 それは私たちの最後から二番目のセクションです。 それはとても悲しいです。 私がやろうとしてるのか分からない 毎週月曜日あなたたちを見ず。 私たちはjust--必要がありますね 多分私達はできるだけ ここで会うとディナーか何かを持っている。 私は知らない。 私の代わりに食べ物を持っていきます。 私達はちょうど話しましょう​​。 しかし、はい、来週になる 私たちの最後のセクションである。 そのノートでは、来週のクイズを持っている。 私は、私のような、私のやるのを忘れて知っている 2週間の予告先週、 うまくいけばあなたたち これが来ていた知っていた。 うまくいけば、これは最後のひとつです 学期の君たちのために中間試験。 しかし、それはすべてカバーするために起こっている 私たちは上行ってきた材料。 だから、あなたがちょうど忘れることができるようではありません 約4つのループまたは変数。 私たちが学んだので、 初めのもの、 それらは明らかである あなたのクイズのための公正なゲーム。 

それは同じ、同じ形式になるだろう 長さなので、あなたはすでにそれに使用されている。 があるように起こっている 手の問題によってコーディング、 おそらくいくつかの真偽、 おそらくいくつかの短い答え。 だから、あるべき フォーマットに精通し、 あなたが取る場合は特に 模擬試験。 私がここで言うようにしかし、それはだ 累積が、我々は間違いなくね 注力する予定 以降は週6から物事。 だから、私たちはおそらくつもりはない 何バイトについてお聞きし 各タイプであるか 物事のこれらの種類、 しかし、我々は、おそらくことになるだろう リンクリストのようなものに興味を持って、 または別のデータ構造 または異なるアルゴリズム 我々は話をしたこと。 だから、あなたが本当にしている作る それらの上にアップし、あなたの場合 すべてのリソースを必要とする、 ここに大量のリソースです。 私はちょうど親切なあなたを与えた そこに簡単なリストの。 

来週はクイズになります この時間中に確認してください。 ですから、ご質問がある場合 または特定のトピック、 そのクイズに特定の事柄 あなたは、オーバー行きお願いしたいのですが 私ができるように事前に私にそれらを送信 種類のそのためのいくつかの材料を準備します。 これに加えて セクションの見直し、我々はよ またコース全体を保持する 我々は前回やったよう見直す。 そして、それはなるだろう 同じ人々によって行わ。 その場合、私は知らない それは良くも悪くもなり、 それは私になる​​だろう、 再びハンナ、Davan、そしてゲイブ。 あなたが見に来たいのであれば 私たちお互いにすべての冗談 とクイズを通してあなたを歩く レビュー、あなたは間違いなくすべき また、その次の月曜日に来る。 だから、あなただけの月曜日のジャムがあるでしょう 良いですクイズの見直し、のパック その後あなたは火曜日持っているため、 すべてのものを通して処理する。 

しかし、間違いなくチェックを行う これらのリソースが不足しています。 Study.csv.net私は、これまでである 、最も有用なの一つ、と思う 主にそれが持っているため、 サンプル·コードの多くは、 それはすべての電源ポイントがある その上にすべてのメモと、 私が最も描き本当にある 私のセクション材料のから。 何でも、前にがある場合 私が送信された可能性がありセクション あなたが持っていない可能性があり、その 得て、ちょうど私に知らせてください。 先週のサンプルコードのように、 誰もがそれを取得していない場合には、 ちょうど私にメールまたは私に話を来て、 と私はあなたがそれを得ることを確認してくださいよ。 

それとだから、今日は予定されている JavaScriptを話してする。 だからここに私がいた我々トミー、 ちょうど昨晩あなたに話し。 私はトミーが大好きです。 JavaScriptは彼のお気に入りです。 言語は、彼がここに言うように。 彼らは試してみて、それはだということを教えてあげましょう 最適ではない、と彼らは間違っているでしょう。 だから、トミーは、JavaScriptのマスターです。 私は彼に非常にないんだけど レベルが、私はのようだった、 「トミーは、どのように私は教えない これらの子供たちは、JavaScript？」 だから私はそのように、いくつかのヒントを得た うまくいけば、彼らはうまくいく。 

だから、物事が知っているカップルは、ということです JavaScriptはクライアント側のスクリプトです 言語、PHPは何かであるのに対し、そう 我々はより多くのサーバー側と考えていること、 それは、サーバーにアップロードした コンパイルされ、そこに実行。 この1が実行されます 自分のマシン上で。 OK？ だから、いくつかのJavaScriptのページをロード そしてそれはあなたのマシン上で実行されます。 構文は、CとPHPと非常によく似ています。 私たちは、通過するつもりだ JavaScriptをいくつかの例、 あなたがいることを確認するつもりだ 私たちは、変数、ループの話な方法、 条件は全て非常に類似している。 OK？ これらは非常に似ているという事実である おそらくあなたの一部をトリップに行く いくつかのケースでは、という理由だけで、アップ あなたは、Cの少しを組み込むだろう どこにあってはならない。 たぶん、あなたは試してみて、何かを入力 それは入力しないでくださいとき。 

そして、その上で、一つのことに 知っているということではJavaScript 動的型付けされている PHPのような言語、。 あなたたちは覚えているのであれば 先週のセクションから、 私たちは、この種のやっていたとき 私たちのPHPの短期集中コース、 我々は、文字列1ができるかを見ました int型の一つになって、など。 あなたの変数のタイプ 実行時に決定され、 ので、上に変更することがあり プログラムの過程、 私たちは決して同じように 実際にPHPの変数の型を宣言、 私たちは同じことをやっているつもりだ ここでの事、私たちは本当にわからない 我々の変数の型を制御する 我々はCでやるようなので、いわば 

そして、一つのこと それはかなりクールされている エラーことができます コンソール経由で確認してください、 この偉大な機能を持つ にconsole.log、その あなたが別のプリントアウトすることができます 変数やオブジェクト我々'LL について話しています。 ちょうど私がいた先週のような のように、ダンプ」、この関数を使用する」 あなたのpsetから、これは関数である あなたは、にconsole.logを使用したい。 私はとても驚きましたどのように多くの 営業時間の学生 ダンプ機能については知りませんでした。 そして、私はみんな "、のように、この意志だった そんなに簡単にあなたの人生を作る。」 

すべての権利なので、それは一種のだった ちょうど簡単な事、いつものように、 私たちは例を持っている。 私はあなたたちはそれらを愛する知っている。 だからここに非常にの例を示します。 単純なJavaScriptここにファイルを。 だから、それだけで作成することが起こっている 言う、このポップアップ 「Hello Worldの、 "あなたを ページに入りますが、してみましょう 試してみて、この少し歩く。 だから、明らかにこれはただのです 通常のindex.htmlをのように。 だから、ここだけの私たちの通常のテンプレート、 そして私たちは私たちの頭を持って、HTMLを持っている、 そしてちょうどCSSを使用したように、どのように我々 右、いくつかの外部のファイルが含まれて？ 我々はいくつかのスクリプトタイプを持っている JavaScriptのテキスト。 ソースは、hello.jsです これここにダウンしています。 これはhello.jsのファイル全体である。 そして、我々はいくつかを持っている タイトルといくつかの身体のHTML 私たちは本当に気にしないこと。 

何が起こるかというと、私たちはこのページをロードするとき、ある、 それは自動的にこのスクリプトを実行します。 OK？ だから、JavaScriptの意志 自動的に実行されます。 だから、それを行うために何が起こっているのか、それが起こっている すぐに行くとこれを実行する。 そして、それは "、アラートを言​​うために起こっている。 こんにちは世界。 " その関数がどのアラートです 実際には、このボックスを生成します。 OK？ だから、種類のすべてを包含するだ。 我々が持っていた余分なものは何もありません ただ、アラート以外に行うには、 その後、私たちが望んで何でも 私たちの警告ボックス内。 OK？ だから、単に超簡単だ JavaScriptが何ができるかの例。 

本当にクールの一つ 物事、我々が表示されますように、 JavaScriptがあなたを可能にすることで あなたのWeb​​ページを操作するために、 を有するなし それらを毎回リロード。 ですから、例えばwant--場合には、場合 あなたが何かの上にマウスを移動している、 君たちは今まで持っている場合 メニューバーのように見られ、 またはあなたには、いくつかの上に置くと トピックは、ドロップダウンメニューが表示され、 それが原因のJavaScriptです。 OK？ だから、全体をリロードしていない ページが、このメニューが表示されるまでに取得するには、 あなただけのいくつかの特定を探している ユーザーが取った行動、 その私たちが買ってあげるイベントと呼ばれ に、そしてあなたがあなたが言うことを見れば、 "OK、これで何かを編集 それが異なって見えるページとする、 しかし唯一のこれらの特定のものを編集します。 全部をリロードしないでください。」 だから、実際には非常に良くなり、 あなたは、あなたのページをリロードする必要はありません それは本当にクールだ。 

だから、変数宣言、 だから、ちょっと、見ることができます 私は緩く型付けされ、ここで一番上に置く。 だから、これは非常にPHPのようなものです。 我々は言う必要はありません 私たちは何をしているタイプのJavaScript ことをこれらの変数のそれぞれを期待。 彼らは、私たちが好きなタイプのものであってよい。 ですから、この場合は注意してください、私たちは宣言 単に「VAR」と非常に単純に、 その後、我々は好き ようにする私達の変数名。 もう一つ注意すべきは、ときにということです 変数名の前にVARを入れて、 それがローカルにスコープ。 OK？ それはあなたのために完全に合理的だ 完全にちょうどVARを消去する ちょうどsはCS50に等しくあり、 それは単にグローバル変数になります。 OK？ だから、あなたはそれを両方の方法を初期化することができ、 ちょうどあなたがそれをする方法に依存します。 だから、初期化している場合 関数内それ、 そしてあなたは、その変数がしたい 、その関数内でスコープとどまる あなたは何をするつもりだ VARのようなものは、変数に名前を付ける あなたはそれをしたい場合は、対 世界的にあなたが、スコープ ただの名前を行うことができます 変数とその後 何でもあなたはそれがに等しくなるように設定したいと思います。 OK？ 

これは、ダウンしてここにクールなものの一種である 私たちは私たちの変数に気づいた場合理由 Bが真として開始。 そして、何このdoes--、できる 誰もが、これは何を教えて？ だから我々はいくつかの警告を持っている。 Bは何を入力します。 初めにある？ 読者：ブール。 ALLISON BUCHHOLTZ-AU：ブール。 右。 そして、我々は、Bを再割り当て この文字列に、右？ それではここで、Bのどのタイプがあること？ それは右、文字列であると思います？ だから何が重要だ 通知は、私たちは、そのCである ほとんど何ことができませんでした そのような何か。 私たちは、変数を持っている必要があるだろう、 何か他のものとしてそれをキャストし、 多分2でいくつかの機能を行う 私は、整数への電荷から行く。 しかし、我々はここに気づいた場合、B 非常に簡単にタイプを変更します。 

観客は：待って、そのように、あなただけのことができます 「整数bを作る？」、のようなもの 

ALLISON BUCHHOLTZ-AU：うん。 あなただけの整数にBを再割り当てすることができます。 

聴衆：本当に？ 

ALLISON BUCHHOLTZ-AU：うん。 そして、それはint型になります。 だからあなたの変数がオーバー変更することができます あまりにもプログラムのコース。 彼らは、厳密に型指定されていません。 それは非常に緩く型付けされています。 OK？ 基本的にはあなたの変数は何でも行うことができます 私たちは親切なのPHPで見たように、彼らは、欲しい。 彼らはとても、いくつかのクレイジーなことを行うことができます それはかなり注意することが重要です。 よくあなたの変数に名前を付けます。 突然のこれを行わないと、すべての あなたは、のようにするつもりだ 「私はこれはと思った、待つ 文字列、今ではint型ですが、 と私は本当にわからないんだけど ここで何が起こっているの。」 だから、これはちょうど簡単な例です どの変数が簡単にできる表示 そのタイプを切り替える プログラムのコース。 

OK。 だから、これはなるはずです スーパー、スーパー馴染み。 したがって、これらは、JavaScriptで私たちのループである。 彼らはを除いて、まったく同じです 代わりに私がゼロに等しい4 int型の、 私達はちょうど私がゼロに等しいVARを言うことができる。 そして、我々は我々の同じ種類を持つことができ 条件、更新の同じ種類の、 私プラスプラスだけで正常に動作します。 四つんばいが同じであるので、 時々は、同じである とやる時々全く​​同じである。 一般的なフォーマットと同じ種類。 私たちは、4、括弧に気づく、 ブラケットは、それはすべて同じです。 また、セミコロンがあるでしょう 私たちは例のコードに到達したとき。 あなたはそれがきれいだ表示されます Cと同じくらい。 

関数宣言の場合、 再び、非常に似ています。 私達はちょうどいくつかの機能を持っている それは、関数だ、と言う 私たちの名前 機能、および入力。 そして、私たちは、私たちに気づく再び場合、 全くここにはタイプがありません。 右？ 私たちは、これらの言っては何もない 整数またはダブルス、または浮動小数点数である必要があります。 彼らは、彼らが好きである可能性があります。 重要なのは、あることに気づいている 私たちは事前に関数を記述する必要があります JavaScriptがことを知らせ これは実際には関数である。 

だから、これは単にいくつかの単純な和である xまたはyを返す関数、 その後何もクールだ あなたが実際にできることです 関数を変数に割り当てる。 この場合、合計は今 実際に和を行う機能。 あなたがここに気づくのであれば、私たちは持っている 関数、関数の名前、入力。 右？ ここでは、単に機能や入力を備えています。 だから、これは匿名関数と呼ばれている。 そして、これは新しいあるべきものです あなたのほとんどの人に、あなたのすべてではない場合。 だから、基本的にはどのようなこと 手段は行っておりませんということです 私たちの名前を必要とする この場合に機能する。 私達はちょうどOK、私はするつもりだ」、と言うことができます ここでは、実行されるこの機能を持っている その入力があり、ここに それは何をするつもりだ。」 そして、あなたが代入している場合は特に いくつかの変数への機能 あなたが操作しようとしていることを、 あなたは必ずしもない ので、それに名前を付ける必要があります あなたが参照することになるだろう この変数によってそれに 名前ではなく、どのようなことで 関数が実際に呼び出された。 OK？ 

だから我々はここを参照してください場合には、我々 現在いくつかの変数の和を持っている それはに等しい。 3と5の合計。 そして、我々はこれを取得します。 そして、これはほんの一部の警告を持つことになり、 3プラス5は数に等しい。 このプラスは単に連結します どのような私たちの答えは、文字列の上だった。 また、クール、プラス文字列を連結することができます。 

JavaScriptが、PHPと同様に、 我々が言ったように、HTML、およびCSS、 その多くは、撮影のしているようなものを我々 ここでオフ補助輪 そしてあなたたちが知っているのがたくさんある どのようにこれらのことを本当に理解すること。 彼らは少し異なっている、 しかし、彼らはそのように外国じゃない そして、あなたは物事をGoogleにできないこと、または W3学校とそれらをオンラインで検索してください。 そして、私たちは本当にあなたを期待している 、種類の、実験にみんな と自分で学ぶ。 だから、私はこれが少し見えるかもしれません知っている Cのことのいくつかよりも小さい徹底 我々はやるが、それは理由で実際にです。 しかし、うまくいけば、それはあまりにもではありません 異なる、それは圧倒的ではありません。 

JavaScriptでの配列だから、 再び非常に、非常に似ています。 右？ 我々はいくつかの変数配列を持っている それは、空の括弧に等しいです それはちょうど空の配列です。 これはしばしば呼ばれます 配列リテラル表記。 それは我々がそれを呼び出すだけで一つのことだ。 私たちはここに、アレイ2が表示された場合、我々はいくつかを持っている 3つの要素を持って配列リテラル、 右？ そして、我々はいくつかを持っている だVAR第三の要素 ただのいくつかの変数 この文字列、JSを開催する予定。 

気づくのは良い要素は、 カンマで区切られている、 ちょうど私達が期待するように。 私たちがしたようにそして、あなたはまた、これらにアクセスすることができます Cで、このインデックス表記と、右？ PHPと大差 今、我々は戻っつもりだ だけの種類の参照に インデックスで物事に。 ちょうどCのように、それもゼロインデックスです。 それは本当に残酷になるような気がします 彼らは突然、JavaScriptのいずれかを行った場合 インデックス、あなたがしなければならなかった完全に あなたは、配列についてどのように考えるか再考。 

一つの涼しい事ではなく、ということです あなた場合は、これまでにdo--することの 配列の長さを望んで、 多分あなたはそれを反復処理 あなたには、いくつかの最後を見つけるまで、または あなたはそれが何であるかを知っているだろう。 JavaScriptがより非常に緩んでいるので ちょうど型より方法は、我々がここで見るように、 私たちはこの配列を作ることができます 我々が決めるので、大きな。 私たちは、アレイ3に気付いた場合 開始を3回のものを持って、 が、その後突然、 私たちは、ああ、冗談 "、のようにしている。 私たちは、実際に行っている それ101の事にします。」 あなたが知りたいのであれば あなたの配列の実際の長さ、 あなたはこのようにそれを行う。 そして、私たちは多くのことを見ることになるだろう 例でこの表記法の、 が、JavaScriptと それは、典型的には、何の あなたが話しているオブジェクト 関数のドットどんな種類 あなたはそれに適用する。 OK？ 

この場合はそのように、私たちの オブジェクトは、配列2である 私たちは私たちが望む言う 配列2の長さ。 だから、これはちょうどその上の長さのように呼び出します。 そして、それはあなたの長さを返します。 また、注意すべき何かがある 私たちは、配列に気づく場合に、 Cとは異なり、彼らが持っていない 同じタイプのすべてであった。 これはPHPのようなはるかです。 JavaScriptは同じように基本的にある CとPHPのこの興味深いメルド。 だから我々はその中に取得します。 今のところ、ちょうど仮定しましょう あなたの配列は基本的にしていること その中でCの配列、のような 彼らはゼロインデックス付きです。 [OK]を、ので、それがすべてです。 また、単に拡張することができます あなたが好きなインデックスに配列。 これはおそらくはsegでしょうに対し あなた過失またはあなたにいくつかのエラーを与え、 JavaScriptはいや、それはいいのよ」、などである。 私はこれを得た。 私達はちょうどまっすぐ行くよ どこにあなたがしたい。」 

[OK]を、ので、オブジェクトが非常に重要である。 君たちはこれらの多くを使用することになります あなたのPのセットで、私は記憶が正しければ。 そのように、これらのものであること C言語でと同様に構造体である。 だから、ときabout--考えることができます 我々は正しい例に行く この後、私はそれはと思う 多くはもっとsense--作る しかし、我々は基本的には、オブジェクトを使用 もちろん関連情報の整理。 我々は話をするとき C言語で構造体、我々しばしば いくつかの名前を持っていた学生の話、 ID、家、あなたが知っている、濃度。 そして、それは同じことのようなものだ 私たちがここのためにオブジェクトを使用すること。 それは整理するだけだ 同様の情報。 

また、より多くのように、これらを考えることができます PHPの連想配列に似ています。 だから、これは事のようなものだろう 我々はいくつかの値を持ついくつかのキーを持っている場合に、 PHPと非常によく似て。 だから、いくつかを初期化することができます 空のオブジェクト、私たちはここに見るように、 ちょうど中括弧で。 だから、配列は角括弧である。 空のオブジェクトは、中括弧である。 グッド区別は持っている。 これらはちょうど2つの異なる プロパティを設定する方法。 だから、これは一種のです そのようにのはるか で、PHPに似ている私たちの 私たちのキーを持つ連想配列、 と私たちの価値のに対して、 この1 is--あなたはよ JavaScriptでこれより多くを参照してください。 これは大会になる傾向がある。 そして、私たちがやったのと同じ方法で 配列2のドットの長さは、これは言っている、 "OK、私にこれを与える このオブジェクトの属性。」 右？ だから、のようだったのと同じ方法では、「私を与える アレイ2の属性の長さ、 " これは私にいくつかを与える」、と言っている 私たちの空のオブジェクトのプロパティ。」 または、この場合に、我々は ここではいくつかの値に割り当てる。 しかし、あなたはまた、そのようにアクセスすることができます。 

そして、ここにこれはただのです 二つの異なるアラートを示す。 だから、これは警告を示すであろう 正確に同じであるように、 それはちょうど2つの異なる方法だ 私たちが望む要素にアクセスする。 それはすべての人に意味があるか？ 私はこの1つのように感じる おそらくより理にかなって、 ちょうど私達は、PHPのオフに来ているので。 しかし、我々はより多くの例がそうであるように、この 文字通り全く同じである。 それの多くは、単に構文の変化である。 

OK、例ので。 私は例が大好きです。 だからここにいくつかのCS50です オブジェクトである変数、 私たちはこのすべてを保存 それについての情報。 だから我々はもちろん、インストラクターを持っている、 TFS、のpset、およびテープ。 だから我々はこれらがほとんどである気づく 異なる種類のすべて。 右？ だから、オブジェクトが格納することができます 異なる種類の属性。 我々は、それが非常にだthis--と考えることができます PHPでの私たちの連想配列に似ています。 だから、キー、値、キー、値、 キー、値、ようになど。 同じ方法でも面白いものだ 私たちは、配列内の配列を持つことができることを、 我々はまた、内のオブジェクトを持つことができます オブジェクト内のオブジェクト、または配列。 あなたは本当にこれらに限定されたことがないしている 物事のシングル1。 私達はちょうど、非常にInceptionesque得ることができます そこにウサギの穴を下に続ける。 

だから我々は、我々に気づいた場合 いくつかのコースを持っている 文字列の文字列、インストラクターは、 と配列、int型、およびブール。 したがって、これらの異なるもののすべて。 

すべての権利なので、私たちは別のものを持っている。 したがって、この場合には、我々は オブジェクトの配列。 だからオブジェクトが好きです それで配列を持つことができます。 また、オブジェクトの配列を持つことができます。 これが役に立つこともある 種類に似て考える 私たちは、ハッシュを持っていた方法の テーブル、我々は配列を持っていた すべてのこれらの異なるの その構造体の種類 別のへのポインタでした ノードおよびその他もろもろ。 しかし、この場合には、我々 オブジェクトの配列を持っている。 だから、これは配列のようです の連想配列。 だから我々はいくつかの最初の要素を持っているだろう 名前ジェームズを持つオブジェクトである とウィンスロップを収容。 

君たちは覚えているかもしれません この非常によく似たもの もしあなたあなたの最後のpsetを、と あなたのデータベースから何かを引っ張っ、 の最初のソート あなたの配列内のことだった に関するすべての情報 それに会った最初のユーザー、 そして、あなたはその中にインデックスに持っていた 彼らの株式またはそれらのキャッシュを取得する またはその他もろもろ。 だから、これは非常に同じです 事、ほんの少しの変更 構文で、少しの変化 言葉は、私たちはそれらを記述するために使用します。 

我々が望んでいたのであれば、誰もが言うことができる 私にこのアラートは、ここで何をしますか？ または何このビットの コー​​ドは、私たちのために行うのでしょうか？ 観客は：それはあなたのすべての名前を与えるでしょう。 ALLISON BUCHHOLTZ-AU：右ので、 ちょうどすべての名前と警告する それが通過するからである コテージは私なので、ゼロから始めると思います。 だから、私たちが探しているOK、と言うだろう この第一の目的で、その 私たちの配列内の最初のスロットです。 そして、それは私に与える」と言う 属性、そのオブジェクトの名前。 " だから我々は、我々がしたい、ここに行く スキャン、我々は名前を見つけるだろう、 私たちはプリントアウトしたい ジェームズ、モリー、カール。 ご不明な点、これまで？ JavaScriptが残念なことに あなたはするつもりだ あなたの上に見えるの多くをやって 独自の、構文を考え出す、 それに取り組んで。 しかし、もちろん、私はいつもここにいるよ、 営業時間はここに常にある。 私は今週火曜日に可能性があります。 あなたがそこにいるのであれば、次のことができます 今週私を訪問来る。 それは素晴らしいことと思います。 

[OK]を、ので、DOMは、ドキュメントオブジェクトモデルです。 だから、これはただの方法です 私たちは考えたいこと どのように私たちのHTMLとすべてについて 内それが構成されています。 これは、非常に多くのものです おそらくあなたのクイズに出てきます。 私は私の年を知って、それはここのようなものだった HTMLファイルには、そのためのDOMを埋める。 そして、あなたはほんのささいなことで埋める。 これらは、うまくいけば簡単にポイントにする必要があります。 うまくいけば、see--よ 

読者：[聞こえない] 

ALLISON BUCHHOLTZ-AU：だから あなたがここにこの木を参照してください？ 

読者：うん。 

ALLISON BUCHHOLTZ-AU： そこで、彼らは使用をお願いします ボディの下で何が起こるのかを記入する。 多分ボディの下で、我々はいくつかを持っている div要素または我々はいくつかの段落を持っている、 我々は記入をお願いします 非常にこのようなツリー。 だから我々はそれを歩いされます。 だから、ドキュメントオブジェクト モデルはただの方法です 構造と考えるため グラフィカルに私たちのHTML約。 また、我々が得る時 よりJavaScriptに、 それはなるだろう 方法私たちが実際 異なる操作する ページの要素。 私たちは、それぞれにアクセスする方法が必要です 私たちのHTMLで物事の、 そしてこれは非常に私たちに与えます 具体的な標準化された方法 そのためのさまざまなWebページ間で。 

だから我々はちょうどを通して歩けば このここで、当然の 私たちのドキュメントには、私達の全体のファイルのようなものです。 これは明らかに理にかなっている それは最高のものだと、 その後私たちは実際のHTMLを持っている、 そのここにこのタグに対応している。 また、あなたのタグは、インデントであなたの場合 適切には、このDOMツリーを作成する 超簡単になります。 だから我々はここでいくつかの頭を持っている。 我々はいくつかのボディを持っている 私たちは、HTMLのオフステムを参照してください。 その私たちは頭と体を持っている理由です。 頭の中では、我々はいくつかを持っている タイトルタグ、終了タイトルタグ、 私たちはそれが頭の後に来る知っている。 そして、我々のタイトルタグ内で、 私たちは、Hello Worldのを持っている。 OK？ だから、この全体の左手の枝です。 そして、右手ブランチ ここで、我々はHTMLを持っていることがわかり、 OK我々は、このヘッド部をやった、 私たちは身体を見ている、 私たちはいくつかの身体領域を持っている。 そして、その中で、唯一の 我々が持っている事は、Hello Worldのです。 OK？ 私たちはのようなものを持っていた場合 いくつかのブラケットpおよびその後 こんにちは、世界、その後、別の 別れのブラケットP、世界、 我々は2つ​​の気泡を持っているだろう ここでの脱落。 彼らは、身体の下に両方だので、しかし、 それらは別々の段落この場合だ。 練習は間違いなくあります 前回のクイズのその上で、 だけでなく、オンラインその上にたくさん。 [OK]をので、これは単にすることができます 私たちは、きれいにすべてを見る 物事を操作する 非常に体系的に。 OK？ 私たちは、正確にどのように知っている このツリーを横断、 私たちは、私たちがアクセスしたいか知っている。 

私たちが望む理由はOKにするためです モデルのこの種を持っている、 我々はこのようなものを使用できるように、 そして我々は、彼らが何を意味するかを理解し、 これらは、標準化されている 我々が行うすべてのものを横断。 そのため、文書ドットのタイトルだけである our--これらのすべてのタイトル かなり自明です、 私が考えたい。 したがって、最初の3 例は単に言っている、 「OK、ちょうど私に与える このWebページのタイトル。 " だから、あなたに何を与えるだろう タイトルに対応している。 

ドキュメントドット体はあなたを与えるために起こっている 何でも、それらのbodyタグ内にある。 だから、それを操作することができます。 文書ドットボディドット HTMLは非常にクールです入力し、 多分スーパーのようではありません 直感的な、しかし内部HTML ここでこの権利に対応している。 だから、あなたは今までにしたい場合 ページ上のテキストを操作する、 通常、あなたがやっていることになるだろう 内部HTMLドット体で何か。 OK？ だから、内部HTMLを参照するために傾向がある これらのタグの間に実際に何である。 OK？ そして便利な機能。 あなたが取得したいのであれば これらのいずれかの、いずれかの要素、 我々はいくつかのIDを持って、クラス 名前、またはタグ名。 これは非常によく似ている 我々はCSSでいたこと、右？ 我々はいくつかのセレクタを有する場合、その タグのいずれかに対応して、クラス 我々はそれらを与える、またはIdその。 これは非常に同じ方法です。 あなたが何かを持っている場合は、その 犬のいくつかのクラスがあり、 あなたがタグ名によって要素を取得言う、 あなたが、there--またはごめんで犬を置く クラス名。 あなたはそこにドットを置くことができます。 それは、それらのすべてを返すために起こっている そのクラスを持っているあなたに要素。 だから、ちょうどそれらを操作することができます。 同様に、多分あなただけ そう、いくつかのヘッダを操作したい 我々が行ったようないくつかのH1ヘッダー、。 あなたがタグによって要素を取得行うことができます h1はタグ名であるため、名前を付けます。 そして、同じように、あなたが取得したい場合 いくつかのユニークなことは、あなたがタグを得ることができます。 Idで要素を取得します。 そして、彼らは実際にこれらの多くである。 これらは、非常に多くのの3のようなものです。 だから、あなたがオンラインで行けば、として 私は奨励するつもりです あなたが行って、いくつかを行うには あなた自身の研究、 私は間違いなくお勧めします それらのすべてに探して。 彼らはスーパー可能性 便利、特に あなただけの種類の操作する ことなく、非常に特定の事柄 を通過し、試してみる すべてを解析する。 

OK、そう最後の事 JavaScriptのイベントです。 だから私は先に話していたとき ウェブサイトに行くのは、 あなたが何かの上に置くと、 またはあなたのマウスが何かの上に置いた、 何か他のものが起こる。 これは、我々がしたいのですが何である イベントとして考える。 だから我々はその威力を持っているもの onclickのあるここに便利です。 だから、私のものは私は、これ、ホバーにあった かなり確信して、まさにホバーである。 また、これらのトン あなたが見ることができること。 リスト全体がご来店中です 異なるものの あなたが聞くことができる。 

しかし、JavaScriptのイベントです 基本的には物事への対応 あなたのユーザーがやっていること。 右？ だからあなたのユーザーが行います 何かが、そのイベントの、 とJavaScriptは応答します しかし、あなたはそれにしたいと思います。 それは、それに応じて対応させていただきます。 したがって、この場合には、我々は いくつかのウィンドウドットのonload。 だから、これは言う、「待つ ウィンドウのLoadedまでは。」 OK？ だから、すべてのロードされた、オンロード、 あなたは、この機能を実行することができます。 だから、ときすべての ロードされて、あなたが行っている いくつかの検索ボ​​タンを持っている それは、IDによって要素を取得し、 そしてそれはどのようなことを出力します 要素には、[検索]ボタンの通りです。 そして、我々は、この変数を持っている、 私たちは "onclickの、OK。」と言う だから我々はカチッと音がするとき 検索ボタンで、 この関数を実行する、ある アラートは、[検索]ボタンをクリックしました。 

これはいいですis--だから何が起こる ここで少しグラフィック表現。 だから私たちのドキュメントの読み込み、 それが私たちのonloadイベントですが、 我々は我々の検索を見つける これでボタン、。 私たちは、検索ボタンを探しています。 そして、検索ボタンがあるとき クリックされた、それはここに対応している。 onclickの。 その後、我々は最終的に、私たちのユーザーに警告 そのここにこの最後の行である。 OK？ これらの4つのステップの各だから 4つのボックスに対応 底にそこにダウン。 それはすべての人に意味があるか？ 

そして、私はちょうどつもりだ一つのことは、 私はあることを、非常に、非常に簡潔に言及する ことをお勧めしますみんなに あるに続きを見に行く 単にライブラリですjQueryの、 そのは、JavaScriptの上に構築されている。 それはように、超便利です ほとんどのライブラリと。 の機能がたくさんあり​​ます。 だから、何かが今までにあるかどう あなたは、JavaScriptでやってみたい あなたの最初の本能 考えるようにすべきではない の、「どのような機能すべき 私は、コード？」それはあるべきであり、 「私は誰かのを見てみましょう すでに私のためにこれを行って。」 10人のうち9回あるので、 誰かがすでにそれを行っているでしょう、 そして彼らはおそらくより良いそれを行っている。 人々は、これらのやって多くの時間を費やす とJavaScriptは、非常に広く使用されている そう人々が常にある それを改善するしようとしている。 そして、jQueryは多くの機能を持ってい それはおそらくあなたに役立つでしょう あなたの最終的なプロジェクトにあなたがいるなら ウェブデザインを使って何をやって。 私が言いたいように、「仕事 難しく、よりスマートではない。」 あなたたちはそれを行う場合、それは素晴らしいことでしょう。 我々はハッカソンにいるとき、私はしないでください あなたはすべてのアウトを強調したい。 私は私が得た "、あなたはのようになりたい これ。 jQueryのは、私の背中を得た。 私は、これらの機能を記述する必要はありません。」 

だから二つのことに 私は行くよ、覚えている できるようにあなたたちには、より多くのを見て ご自身でのjQueryに。 私が言うつもりはすべてがそれです いくつかの非常に素晴らしいことを行います あなたの人生を作ることができます ずっと簡単。 しかし、あなたはどのように過ごしたい 持っているどのようなファイルである あなたがそれを使用することになるだろうこと、 あなたは、これらの2つのラインをするつもりだ。 あなたはするつもりだ JS jQueryのドットJSのスクリプト。 そして、実際にあなたのソース いくつかのURLであることを行っている。 あなたはjQueryのは、GoogleのGoogle場合 実際にあなたのためのすべてのファイルをホストします。 だから、あなたは間違いなくしたい 入力の代わりにそのURL。 私はここにこれを入れて 簡単にするために。 どこにこのすべての手段がある あなたのjQueryライブラリを見つける。 それは巨大なので、あなたはしたくない 自分のコンピュータ上でそれをホストする あなたは、なぜ我々である、それを避けることができれば ちょうどGoogleのURLに置く傾向があること あなたのためにこれらのファイルのすべてをホストします。 OK？ あなたは、私が約束し、それをGoogleに それはあるでしょう。 

そして、どのような あなたがしているのJavaScriptファイル 使用して、これはほんの一部の外部にある JavaScriptを使用しているファイル。 私たちは、CSSへのリンクを同様に ファイルは、これが事のと同じ種類である。 これはちょうどファイルにリンク どこにあなたのJavaScriptがある。 そして、私はいくつかの例を持っている 単純なJavaScriptと。 だから我々はそれを通過することでしょう。 そして、あなたのインデックスのJavaScript、 ここにあなたのJavaScriptのファイルがこれは、 これは、ラッパーの一種である あなたはjQueryのために持っていること。 あなたは、ほとんど99.9だ 時間の割合行く あなたのindex.jsファイルでこれを持っている。 これは言っているので、 「何も実行しない あなたの文書は、実際になるまで 正確に何をしたいである「準備完了。 あなたの文書が準備ができていないの場合にはあるので、 とjQueryは、物事をやって起動し、 それだけで混乱だ。 だから、常にこのラッパーを持っていると思います。 そして、そこに行く事のため、I あなたの男「自分の熟読に残してはならない。 

[OK]を、ので、任意の質問がすぐそこにある 今一般的にはJavaScriptのはどうですか？ またはDOMモデル？ しない場合、我々はいくつかのクールなを持っている 我々が通過することができます例、 あなたたちは私のコードを助けることができる。 しかし、私はまたもするつもりだ 超素敵、あなたなら 何も言いたくない これらのために、それは大丈夫です。 私もちょうどあなたの例を与えることができます。 しかし、上で何か PowerPointの私たちが移動する前に？ クール。 

あなたたちはエネルギーに必要があるような気がします。 だから私たちは開始するつもりだと思います 最初に私のパーティの例と。 我々は3つの例を持っている、 あなたはあなたの選択を持っている。 だから我々は我々が行っている時計を、持っている の実際のクロックを実装する 時間が経つにつれて更新する予定。 我々は、この偉大なTwitterの機能を持っている。 あなたは、しがみつくか知っThis--。 私たちは、これが離れて行くようになるだろう。 バム。 OK。 

我々は、この偉大なTwitterの機能を持っている ここで、私が知っているthat--、右？ それは素晴らしいことになるだろう。 あなたたちは興奮していますか？ つまり、数を数えるために起こっている あなたが残っている文字の、 私は、今入力した場合、 明らかにそれはまだ140を言い、 しかし、我々はそうでないことを知っている。 そして、私たちの最後の1に ここでは、パーティーにはこちらをクリックしてください。 何が起こるために起こっていることは時である 私たちは、クリックして背景の 色を変更するつもり。 だから、あなたたちは、あなたのオプションがあります その1あなたが最初にやってみたい。 私はあなたにそれが非常に簡単に取る約束。 私はすべての人のよ​​うなもののように感じる ちょうど非常に低いキーの今日。 だから私はどのように使用方法を順を追ってよ 我々はこれらのすべてを実装します。 あなたはチャイムしたい場合 で、それは素晴らしいことですが、私 誰もが少し疲れているように感じる。 だから、僕はあなたを歩くよ これらの例を通して。 我々はその何かを持っていますか 私たちは最初にやりたい？ 誰ですか？ 指定なし？ OK。 あのね？ 私たちはパーティーにしている。 君たちはlittle--を必要とするような気が そう、我々は最初のパーティのいずれかの操作を行います。 OK。 

だから我々が持っているものhere--ことだ があることになっていない。 今では良いことだ。 OK。 だから、私たちはここに持っていることである ちょうど簡単なHTMLページ 君たちは、すべてのスーパーなければならないこと あなたの最後の2のpsetからに精通。 私たちはここで私たちのドキュメントの種類を持っている。 誰もが見ることができますか？ OK。 クール。 私たちは、明らかに私たちのHTMLを持っている。 私たちは、いくつかのヘッダを持っている そのスタイルシートにリンク ちょうど私のフォントが素晴らしく、大きくて大胆た。 だから、心配しないでください。 

我々はいくつかのボディとを持っている ID背景、OK？ 我々はするつもりだから 背景を変更する。 だから我々は変更しているとき 私たちの体の背景、 我々は二週間前から覚えている 我々は、ウェブページを処理する場合。 それを持っているので、良い。 そして、我々はいくつかのIdがパーティーに等しい持っている。 この時間のrefポンドはちょうどことを意味します それは同じページに行くために起こっている。 パーティーにはここをクリックし、 その私たちがそれをクリックすると、なぜある、 それはありがたいことに、色を変更する必要があります。 

そして、我々はここでそのいくつかのスクリプトを持っている ちょうどこのパーティのドットJSにリンクされている ファイルは、それがために空である 我々はまだ何もしていません。 そして、それはとても悲しいです。 しかし、非常にすぐに、それが変更されます 色は、それは素晴らしいとなります。 

だから、僕はあなたたちを歩くつもりだ 我々はこれをアプローチすることがありますどのように通って。 最初になるように 私たちがやりたいことがあります、 私たちはの背景を変更する場合 身体、私たちが望むかもしれない最初の事 行うには、実際にグラブです 本体は右、何ですか？ だから私たちは私たちの、合計を持っているしたい 背景、そしてあなたが気付いた場合、 私はちょうど自動的に入力を開始。 特別なものは何もありません、我々その 私たちのJavaScriptファイルのために行う必要があります。 私は、変数の宣言を開始することができ、 とランダム関数を宣言。 そして、それははるかに自由な形です。 Cで、私たちはあなたのすべてを与えたようなものだ これらのハードのルールは、あなたが、育った 私たちは、「出て行くのようにしている。 自由になれ。 何をしたいですか。」 そして、それは、JavaScriptが何であるかだ。 だから我々はここにいくつかの背景を持っている。 私たちのDOMモデルでは、我々は我々が知っている ドキュメント·ドット要素を取得行うことができ、 と私たちはここに気づいた場合、 私たちの体は、IDを持っています。 右？ だから我々は、文書を取得行うことができます ID、およびここでは、単純な一つだ。 私たちはここにしたい私たちのIDとは？ 読者：背景。 ALLISON BUCHHOLTZ-AU：背景。 パーフェクト。 そして、最後にセミコロン。 それはまだ離れて行っておりません。 あなたはまだあなたのセミコロンを必要としています。 OK。 だから、私たちの最初の一つだ。 そして、私たちが何かをクリックしたときに、我々 起こるために何かをしたい、右？ だから我々はいくつかの変数をお勧めします それは、クリックを待っています。 私たちがやろうとしていると、私たちはするつもりです ボタンへの私たちのリンクは類似する。 だから我々はそのいくつかのボタンを持っているつもりだ 文書はIdで要素を取得ドット等しい。 そして、私が話している場合 リンクをクリックするか、当事者には、ここをクリックしてください リンク、私のIdはここで何をでしょうか？ パーティー。 正しい。 これまでのところOK悪くない。 誰もが私たちがやっているものを手に入れる？ 

[OK]を、ので、今私たちは持っている私たちの ボタン、そして私たちが望む 我々はそれをクリックしたときに変更するためのもの。 だから我々は我々のパワーポイントから覚えていれば、 私たちにできる非常に簡単なこと ちょうどボタンドットは右、onclickのでしょうか？ そして、それはいくつかの機能に等しくなるようになるだろう。 これは無名関数です。 そして、これはちょうど私が実際にas-- これは少し大きくするつもり。 

だから私はちょうど何をしたか ここでは、[OK]を、私が言っているが、 私たちはある、私達のボタンをクリックしたとき 我々は単に呼ばこのリンク、 我々は、実行しようとしている この無名関数。 私たちは、すべての入力を必要としない。 私たちは、ユーザーが言うことを気にしない。 彼らはそれをクリックすると、私たちはしている 私たちがやりたいだろう、 その背景色を変更です。 OK？ 、我々はすべての入力を持っていない理由ですので、 私たちは、この無名関数を持っている。 そして今、我々は実際に行っている この関数を作成する。 

だから、方法の束は、あなたがあります ランダムな色を生成することができます。 私がやった方法は、それをすることでした 3つの乱数を生成する およびRGBトリプルに変換。 だから、これはただあなたにいくつかのクールなを示しています あなたは、ああ "、のようにしている場合は、その物事 私はランダムに生成する必要が 番号。「あなたがそれをGoogleで検索した場合、 これはあなたが見つけるだろうものです。 

だから我々は、異なる3を持っている 物事、VAR、緑、再び赤ではない。 右？ だから、それらは3である 色を構成するもの。 青、赤、緑。 クール。 そして、私たちにできることは、私たちが知っているということです それは255の間​​である必要があること、 そしてあなたが見上げた場合、一部の 乱数発生器、 あなたは数学のようなものを得ることができる あなたがこれを見ればこれ、ランダムドット いくつかの数値に戻ります 0と1の間である。 OK？ そして、何の数字は、当社を行う RGBのトリプルは間を行く？ ゼロと何？ 彼らは何をして行くことができますか？ 255。 数学がランダムドットのであれば 0と1の間になり、 どのように我々はこれを変換したいのでしょうか？ 聴衆：時間？ ALLISON BUCHHOLTZ-AU：うん、正確に。 だから、時間は255です。 

読者：[聞こえない] それは[聞こえない]のようなものだ。 ALLISON BUCHHOLTZ-AU：数学はランダムドット。 読者：クール。 ALLISON BUCHHOLTZ-AU：はい。 JavaScriptはちょうどあなたの世話をする。 OK。 だから我々は、これらすべてのためにそれを行うことができます。 右？ 数学は、ランダムな時間255ドット。 それをコピーします。 クール。 だから、事は、この5月である 整数を返さない。 右？ 多分、我々はいくつかの番号を取得する 0と1の間、 そしてそれはわずかであることが原因 オフ、そして私たちのRGBSがフロートすることはできません。 彼らは整数である必要があります。 あなたがこれをしようとしたのであれば、それはおそらくだろう いくつかの不安定な動作を持っている。 それはちょっとファンキーになります。 だから、私たちはやっていることは私たちが作りたいです これらが丸みを帯びていることを確認し、 あなたがいずれかの方法を丸めることができます。 私は床に丸く。 だから私はいつも確認しました それは切り捨てていること。 しかし、どのように単純なことのオフに行く 単にランダムな番号を取得することでした、 あなたは私たちがどのように思いますか 床この番号をでしょうか？ それは非常に似ています。 任意のアイデア？ だから、ランダムだけで数学のドットであった場合 ランダムなので、あなたは私たちが床を行いたいと思いますか？ 数学は床に点在しています。 そして、あなたはまた、数学のドット天井を行うことができます。 ラウンドはあいまいなの一種である あなたはしないでくださいので、 切り上げまたは切り捨てするかを知っている。 だから、一般的に我々は常に計算を行う ドット床、数学のドット天井。 しかしhonestly-- 

観客は：床は切り捨てていますか？ 

ALLISON BUCHHOLTZ-AU：床は切り捨て。 そして、それは私の一部にだけ選択だ。 

だから今、私たちは私たちの3つの数字を持っている それは、ランダムに生成された、 そして私たちが今やろうとしていることは私たちがしているである 単に背景を変更しようとして。 OK？ だから我々はすでに我々が持っている 格納された背景の種類 この要素に背景と呼ばれる。 だから何あなたが気づくことも、ある あなたは、これで遊ん 私たちはスタイルを変更したい。 これは何かの一種である あなたはGoogleが及び、見つけ出すだろう 色を変更する方法が好き。 

しかし、あなたがこの色にアクセスする方法です 背景は、スタイルドットの背景に点在しています。 だから、これは与えられたと言っている このオブジェクト、背景、 ものを指し そこまで要素ID、 私たちは見てするつもりだ スタイル内のスタイル、 我々は、バックグラウンドを見てするつもりだ。 OK？ そして、あなたが行くとこれを見れば、 それは少しより多くの意味になるかもしれない、 これは基本的に言って、 「私は、この非常に特定の属性を与える 私が先に定義したものの。」 だから、私たちがあるためにそれを変更している いくつかのRGBは、それは理にかなっているためである。 我々は右、RGBのトリプルを使用している？ そして、私たちは私が私を確認するにはhave-- ここで引用符の正しい数を取得する。 だから我々は何をすべきか私たちが持っているである RGB、私たちが行っている これはのようなものですto-- 赤で連結、。 そして、我々はいくつかのカン​​マが欲しい。 そして、我々は、緑のプラスたい その後いくつかのコンマ、およびいくつかの青。 

したがって、これらのプラスだけ 連結のような意味。 だから、これはこれを作成している RGB以内に起こっている文字列。 OK？ 

読者：[聞こえない]プラスその後 グリーンAプラス赤。 

ALLISON BUCHHOLTZ-AU：うん、 私はそれを台無しにあるため。 その1の罰金。 ああ、上に保持する。 いいえ。 私は確認する必要があるため 私は、これらすべての権利を得たこと。 だから私は、UNOモメントに説明します。 完璧な、ブルー、グリーン。 今、私は終わりだ。 私は信じている。 

OK。 だから、これが何であるか、その背景がある いくつかの文字列に設定されようとしている。 右？ どの我々はここに持っているものです。 これは、いくつかのRGB 255コンマになるだろう 255コンマゼロ、または何でも数あなたを そこに持っている。 だから我々はここでやっている、 我々はいくつかの文字列を持っている。 そして、私たちが何をしたいのか、私たちはしているされている 種類の動的に作成する 私たちは実際にこのプログラムを実行すると、その。 だから、これはいくつかの文字列です。 Plusで、それを連結 赤が持つ価値、 これと一緒に連結 それを連結し、コンマ、 どのような緑色であり、 ように、など。 OK？ で最後の最後まで、 ここで、このRGBの括弧を閉じる。 OK？ 

それでは、これをしようとしている いくつかのコマンドが実際に生成する それは3つの数字のRGBです その背景には、現在に設定されています。 OK？ だから、これが動作するかどうかを見てみましょう。 私はそれのためならば、それがない願っています 、私は本当悲しいことするつもりはありません。 ああ、いや。 OK、しがみつく。 確かに背景 ドットスタイルドット背景。 私は間違いなく欠けている ほんの少しの何か。 あなたたちはそれを嫌いしないでください？ とき、それはほんの小さな小さなエラーがですか？ 全能背景。 RGB。 

読者：[聞こえない] ALLISON BUCHHOLTZ-AU：いいえ。 私はクラスの前にこれを試してみました。 私が前にしたすべてを持っている クラスの場合に、私は、のようだった 「私は間違って何をしました、待つのか？」 私は "、のようだったので、私はおそらく意志 いくつかの点で混乱このアップ。 " プラスグリーン。 それはだようにすべてが見える 正しく連結さ。 OK。 

読者：[聞こえない] 

ALLISON BUCHHOLTZ-AU：ああ、そこに行く。 それは私が必要なものだ。 その時に見て。 救助にティファニー。 パーフェクト。 OK。 今、それが動作するかどうかを見てみましょう。 何てことだ。 OK。 つかまっている。 

読者：第二プラスの後のスペース。 

ALLISON BUCHHOLTZ-AU：1？ ああ、待ってしがみつく。 スペースが着る？ 

聴衆：セカンドプラスで 緑の連結。 ALLISON BUCHHOLTZ-AU：ああ。 読者：スペースがありません プラスの後、うん。 ALLISON BUCHHOLTZ-AU：あなた それを必要としない、but-- 読者：ああ、あなたはしないのですか？ ALLISON BUCHHOLTZ-AU：それはきれいに見える。 聴衆：OK。 OK。 

ALLISON BUCHHOLTZ AU： これが動作するかどうか見てみましょう。 OK。 私は明らかに失敗しています を思い出させるこのデモ、 講演他の週の、 私はこれが動作します知っている。 私はこれが動作します知っている。 だから、近い。 私は、誤って削除しない限り、 この1に私のスクリプト。 いいえ、それは党ドットJSです。 OKを押します。 私はこれをコピーするつもりだ、と私もよ ただ、すべてを削除しようとして、 私は以前にこの作業を持っていたので。 

私はそれが動作を約束します。 そうでない場合、私はトミーのが何であるかを紹介します。 そして、そこに。 

読者：あなたはパーティーを参照している ドットCSS、それは党ドットJSです。 

ALLISON BUCHHOLTZ-AU：ああ、よく 右ここパーティドットjsがある。 [OK]を、私は別の何をしましたか？ これが機能するようになりました場合は、[OK]を、我々が表示されます。 バム。 だから、私は私が異なって何をしたかわからないが、 これは起こるべきものです。 ちょっとクール。 私は永遠に、同じように、この上でクリック。 しかし、我々は試してみて、私がしたものを見ることができます 違ってこの1つは持っていたこと。 私はあなたたちについて知っているが、これはありません 私は書いたものを基本的に見えます。 おそらく、欠落があった セミコロンはどこかに私のことです。 実は後に、私が行方不明になったと思います 右ここに実際にセミコロン。 しかし、私はので、それを見ることができませんでした それが画面の外だった。 

私たちが気付いた場合でも、これはかなりある 私は書いたかを正確にずっと。 私はおそらく約最も難しい部分だと思います これは、この事のちょうど一種である右 ここでは、理解 それはそこに何をやっている。 あなたが学ぶことのこれらの種類 本当にただ正直にグーグルとすることにより ちょうどしよう。 あなたが考える場合は、いくつかがあります 属性は、おそらく存在する。 だから、それを試してみてください。 何が起こるかを参照してください。 私が言ったように、たくさんのがあります JavaScriptを実験、 とPHP、およびすべてのこと もの、およびCSS特に。 それは唯一の真のだ それを理解するための方法。 

[OK]を、ので、その大失敗の後に相手との ドットjsが、我々は2つ​​の他のオプションを持っている。 私たちは、時計やTwitterを持っている。 彼らは両方面白いよ。 そうでないかもしれない非常に当事者としての楽しみとして、 クールな小さなストロボを持っていた 最後にもの。 あなたたちは、あらゆる好みを持っていますか？ 聴衆：クロック？ ALLISON BUCHHOLTZ-AU：クロック？ OK。 クール。 

だからもう一度、私たちは私たちのを持っている 空のJavaScriptファイル。 そして、我々はここで見るように、我々 いくつかの非常に簡単なHTMLを持っている。 我々は、ちょうど、私たちのスタイルシートを持っている それがどのように見えるかの形式。 私たちは、と私たちのdivを持っている クロックのID、その ただ「これはクロックである必要があります。 "と言う そして、私たちは私たちのリンクを持っている 私たちのJavaScriptファイルへ それは実際に起こっている 私たちのために私たちのクロックを生成する。 クールなことなので、あなたができることです 自動的に更新するには、JavaScriptの設定 そのもの。 OK？ だからではなく、待っているの ページの[更新]をヒットするユーザー あなたが得ることができるように 更新された時間は、JavaScript それは好きだが、それを更新することができます。 

だから、私たちの最後の1と同じように、私たちは思った 私たちの背景にアクセスするには、右？ だから、かもしれない何を思いますか 最初に私たちはここで何をしたい？ 私たちは、この種のオフつもりなら ここにパラダイムこの種の？ 私たちは、おそらくしたい 右、私たちの時計にアクセスする？ だから、我々はいくつかのVARを持っている クロック、equals-- 我々は、それがために何が起こっているかと思いますか？ 文書では、ドットも私by--要素を取得 Sublime--のI​​dを愛し、私たちのIdはクロックです。 セミコロン。 取得することを確認するために手に入れた これらのセミコロン今回は、 私はそのように感じるので、 前回問題だった。 私はちょうどしようと言っていたようなので、[OK] JavaScriptが自身をリフレッシュするようにするには、 この偉大な機能は、ありますI それは便利な去年に来た知っている、 私はそれがこのために便利になるか分からない PSETが、それはセット間隔と呼ばれています。 そして、これは本当に実際にある あなたたちは何をすればクール 時間や取得で 更新された情報。 最後のためのウェブサイト上 プロジェクトが、これはおそらく あなたがしたい機能 スーパー慣れる。 だから、間隔を設定したものということです 我々はそれに機能を付与するつもりだ、 そしてどのくらいの頻度でそれが必要 この関数を呼び出す。 OK？ 

この場合には、私たちはするつもりだ 再びいくつかの無名関数を作成し、 OK、それは取得する予定です 私たちの日付、および私達の時間、 その後物事を更新し、それを表示します。 だから我々はそのことについて心配するだろう。 ここではクロックを生成するようになるでしょう。 しかし、必要なのはどのようにある 多くの場合、それを更新します。 この場合には、それだけでミリ秒です。 だから我々はちょうどするつもりだ 100ミリ秒を行う。 もちろん、完全に任意。 あなたはそれが更新したい場合 はるかにゆっくりと、あなたは可能性があります。 私たちは、周りに混乱することができます 設定された間隔で、 どのように大きな我々が取得した後、私たちの間隔がある 作業クロック、うまくいけば、私はよ に着く。 だから、これはちょうどOK、コール」、と言っている この機能は、100ミリ秒ごとに。」 OK？ つまり、それがないすべてです。 

だから我々は我々の機能がしたいものを 我々はいくつかの日付が欲しいされない しばらくは何ですか 我々は、必要があるとしている。 だから私たちは私たちので始めることができます 日付が何かに等しい、 そして私たちの時間は、何かに等しい 我々はまだ知らない。 または実際に、私達はちょうどので、日付が必要です 日付はすべてのものを含めるために起こっている。 ここでも約あなただけのGoogleのどちらかといえば あなたが何をしたいのか、あなたが書く場合、 "OK、 私は時間を取得したい JavaScriptを "と、それを経由して あなたにこの素晴らしいを与える GETの日付と呼ばれる機能。 文字通り、ほとんどのもの あなたがしたいことを、 JavaScriptは持っているとしている それは既にあなたのために行わ。 だから、新しいように文字通りだ creating--された日付を取得 または新しい日付、rather-- これを生成している 日付を表すいくつかのオブジェクト。 

そして、私たちがここでやろうとしていることである これは、私がこれを書くつもりだis-- し、それが何をするのかを説明します。 だから私は、私はこの権利を得ることを確認します。 

OK、だから何、この関数 、私たちはしているされていない 実際のHTMLを作成する 時計の私たちのDIV Idの内に行くつもり。 それでは、これがやってされようとしている ちょうどOK、いくつかの文字列を生成している？ それはその後になるだろう 私たちのHTMLに移植した。 基本的に何それを行うために起こっていることである 何でも、私はあなたが表示されますどのようなwe-- は何でもあることを、我々は、HTMLがあると言う ここでは、このテキストを置換するつもりだ 何でもHTMLである。 だから、これは許可するように起こっている 私たちは私たちのクロックドットを変更する こののテキストだけであることからHTML 実際に示したように、クロックであるべき 私たちは気に数字との事 約、そして実際に時である。 

だから我々は何をしている私たちがやろうとしているある このHTMLの生成を開始する予定。 私たちが使用したのと同じ方法で、だから、 プラスを行うためには、整数に対して等しく、 あなたは今、文字列のためにそれを行うことができます それはそれらを連結するために起こっているのを除いて。 右？ 私たちは、パーティのドットJSでこれを見たように すべてのこれらの事を一緒に連結します。 だから、の異なるビットを連結することができます HTML変数、または文字列のビットから あなたが書き出すこと あなた自身、そしてちょうどこの 本当にあなたが動的にすることができます かなりクールである、HTMLを生成する。 だから、あなたが何かを持っている場合 非常にユーザー固有の、 これはあなたがそれを行うことを許可することができます。 

だから私たちは私がするつもりだと、HTMLを持っている 試してみて、私はこの権利を得ることを確認。 だから我々はいくつかのH1ヘッダをやろうとしている。 それでは、ここに実現することが重要です これは実際には単なるHTMLであるということである。 右？ 私たちは、実際の書いている ここでのHTMLコード、それはだ 通常の中だけではなく文字列 我々はそれについて考えるだろう方法。 だから我々はいくつかのHTMLを持っている。 これは、しかし、ここで文字列とみなされます。 そして、我々は我々dot--日付を行う 私たちの時間を取得したい。 あなたがいた場合は、再度、探すため 日付については何もアップする、 これらはすべてであることを言うだろう 属性は、その日付があります。 そして、ここであなたがそれを使用することができるものだ。 だから、おそらくのようなものを持っています 時間を取得し、数分を取得し、 秒を取得し、ミリ秒を取得し、 誰が、彼らが持っている他に何を知っている。 しかし、あなたはに見れば ドキュメンテーション、それはすべてがあるでしょう。 

だから我々は時間を取得している、 その後、我々はしたいと思う それを連結する私は今with-- こちらにこれを移動するつもり。 だから、私たちは今、生成している場合、我々はしている 実際に時間を生成する、右？ 我々は時間を持っているし、次に何が 時間と分の間に？ あなたは正しい、セミコロンを持っている？ だから我々はここでいくつかのセミコロンをやってみたい。 そして、我々は我々のを取得したい 分なので、同じように 我々は日付ドットが時間を得る持っていること、 どのように我々は我々の分を得るかもしれない？ これは、ドット取得日付文字通りだ 私は一種の好きな分、。 それは、ああ、どのように "、ようなものだ 私は私の分を得るのですか？」 私はちょうど私の分を取得する。 

OK。 そして、私たちはここで別のコロンを持っている。 そして、我々は我々を取得したい場合は、その後 秒、どのように我々は我々の第二を得るかもしれない？ 日付は秒を得る点在しています。 私はそれはかなりクールだと思う。 とに重要なもの 実現、その我々もある ので、ここで私たちのHTMLタグを閉じる必要が H1だから、まだ、有効なHTMLである必要があります。 クール。 

だから後に、私たちは時計を行うことができます ドット内側のHTMLはHTMLに等しい。 OK？ だから私が言った方法を覚えて 基本的には内部HTML との間では何でも取る 我々は話を二つのタグ および挿入または操作し そこに何でしょうか？ だから、これが何をするか、場合 私たちは、私たちの時計に戻る クロックが参照するということです このDIVの中のすべて。 これは内側のHTMLです このidクロックのdivの。 そしてそれは、それを変更するために起こっている 我々だけで生成されたHTML、 これ、これ、うまくいけば、 うまくいけば、うまくいけば、 今の時間が表示されます。 我々が表示されます。 もちろん。 だから多くの技術的な問題。 私はアリソンのjust-- 私のゲームの今日の連中オフ。 OK、それが動作します。 内部HTMLドットクロック。 それは本当にHTMLでしたか？ また、これは何が起こるかです。 あなたが何かを見ることができないときは、 ちょうどあなたのソースコードを見てください。 OK。 あなたがなりたいの周りのクールな仕事を知っていますか 私たちは右ここにやろうとしているの？ 

読者：あなたが大文字を行うことができますか？ 大文字？ あなたが時間を取得しているので、 その後数分を取得します。 

ALLISON BUCHHOLTZ-AU：それ ああ時間を取得し、get--です。 あなたは、金の星をare--。 これは、すべてのテスト、男だ。 私はそれがクラスの前に働いていたことを約束。 

[OK]を、しかし、知っているクールな何かがある 時には場合は、also--できること 外部ファイルである 少しクレイジー取得、 あなたはまた、単にまっすぐにそれらを置くことができます ここでは、これは物事を解決する傾向がある。 除きこれは本当に醜いのようなものです。 もちろん、すべてのものをフォーマットします。 それはすべてき​​れいだことを確認してください。 OK。 

私は、すべてのクールなデモをやってみたかった、 そして彼らはワークアウトしていない。 OK。 スクリプトのVARクロック。 とにかく、重要なのはある これが一般的な方法であること あなたは、JavaScriptをフォーマットするだろうと。 ご覧のように、それはすることができます 非常に気難しい時々、 それは文字通りだった場合でも、 2秒前の作業。 かどうか2秒前に、 しかし、非常に、非常に最近。 

だから、どのように見えるかをお見せし、 と私はクレイジーじゃないことを示すため、 そしてそのすべてが正確に 同じ、これはどのように見えるかです。 あなただけのこの上部をやろうとしている ここに、あなたがページのソースを表示する場合、 あなたが気づいた場合、彼はいくつかをしました スゴ事は、私はそれを簡素化。 また、トミーにクレジット マックウィリアム、実際に誰が 私はこれらの例を作成して助けた、 これ、私は彼らが働く知っている理由です。 トミーは、JavaScriptのマスターであるため。 私たちが気付いた場合でも、我々はいくつかのセットを持っている。 私たちはここに私たちの時計機能を持っている。 これは、すべてのJavaScriptある 私達はちょうど書いた、またはその一部。 私達はちょうどここに、このいずれかを書きました。 そして、彼は余分を持って ちょうどそれをパッド機能 前にゼロを置くことによって、 文字またはそれはだ場合、数字の前に それらのちょうど1。 あなたが気づくのであれば、これはかなりある 我々だけで書いたかを正確にずっと。 あなたはそのいくつかの可変クロックを持っている 私たちの要素を持って、IDによって要素を取得、 そのクロックです。 私たちは、設定された間隔を持っている 関数は、そのです 無名関数 それがこのすべてを実行します。 我々はいくつかの文字列を開始しました 私たちはそれから動的にHTML いくつかを持っていることによって生成する H1ヘッダー、連結 取得時間と、プラス 私たちのコロン、プラスになっ 分、プラス別 コロン、さらに私共秒、 そして最終的にそれのためのHTMLを終了。 そして、我々は我々のクロックを更新 HTMLに内部HTMLドット、 私たちは100ミリ秒ごとに更新します。 OK？ 

私はクレイジーじゃないことを約束参照してください。 私は知らない。 それが私を好きではない理由を私は知らない。 私は、同じように見えように感じる どうやらそれは私を嫌っている。 

だから、3ラウンドが良くなった場合を見てみましょう。 私たちは見ることしようとしています。 私は、これは行くために起こっているかどうかはわかりません。 誰もが、少なくともなっている 単に一般的なテーマのような短所、 JavaScriptを、しかし？ 私は、少なくとも有用な、より願ってい それは少し気難しいだことを示しているよりも。 しかし、あなたの問題セットは非常に楽しいとなります。 それは素晴らしいことになるだろう。 これはかなりのように退屈されません このように、私は考えていない。 あなたが実際に買ってあげる 本当にクールなものを参照してください。 

だから、最後のではなく、少なくとも、 私たちはTwitterのいずれかを試してみます。 私は、今の人は本当に怖い。 私は、これは行くために起こっているのか分からない。 しかし、単にあなたに少しを与えるために より味、これは実際には 操作文字列と 私たちがやろうとしているものを入力、 我々はHTML--とここに気付いた場合、ある この1は少しを持っていmore-- 我々はいくつかのテキスト領域を有する ここでは、このテキスト領域に対応している。 OK？ そして、それは、テキストのIDを持っています。 我々はそれを少し作り直さ いくつかの幅と高さを持つ 我々は、所定たので、 私たちは、h1としている これだけで私たちのヘッダがその一つです 私たちの残り文字を表す。 私たちはそれをいくつかのIdを与えた 残りの文字、 その後、我々はいくつかのスクリプトを持っている ここで、私は本当に私れる 三度目のを期待して ここの魅力、みんな。 

だから我々は何をしたいのか、 同じ一般的な静脈内 我々は、クロック·ドットJSでやったこと 私たちが気づいたように、党ドットJS、 私たちは実際につかんによって始めましたされている 私たちは気に物事、右？ したがって、この場合は、2つが存在する 私たちは気になら、OK？ 私たちは種類の実際にしている一つのこと に探してから描画データを、 そして一つのこと、その 私たちは実際に変更している。 だから私たちのHTMLがあります。 これは、ここで私たちのウェブページであれば、何が 私たちが見ているデータ？ それはどのようなことになるだろう 私たちのボックス内のテキスト、右？ だから、何でも私がここで入力します。 それは私が知りたいものだ、または それは私が見てみたいものだ。 そして、何になるだろう 私たちのウェブページに変更する？ 文字が残っている。 だから、同じように、私たちがしたい 変数を初期化することによって開始する それは実際にそれらの要素の上に保持する。 OK？ だから我々はいくつかのVARを持っている場合 それは、私たちのテキスト領域である 私たちは残っているいくつかのVARを持っている。 右？ したがって、これらはしようとしている これらの二つのことを保持する。 だから、ものと同じ種類の、 文書では、私は、[OK]をdot-- これがあることを確認するつもり この時間を仕事に行く。 私は非常に断固としています。 [OK]を、私たちは私たちのしたい場合はその 係るテキスト領域、 私たちのHTMLに、私たちの識別子は何ですか？ 私たちのIDとは？ それはちょうどので、テキストになるだろう これはOK、私たちのテキスト領域を作成し、 そして私たちのIdはテキストなので、それはだ どのように我々はそこに何があるかつかむことができます。 OK、セミコロン。 私はスーパーもするつもりだ これについて正確​​な、 私は、これがこの時間を仕事にしたいので。 [OK]を、同じことを行う、 Idで要素を取得する。 私は実際に持っているもの思ったんだけど 台無しに他の二つの原因となった。 [OK]を、この1で、 我々は、アクセスするために何をしたいですか？ ここに私たちのIDとは？ 私たちは、別のIDを持っている 私たちのHTML、それは何ですか？ 読者：文字が残っている。 ALLISON BUCHHOLTZ-AU： 文字が残っている。 

OK。 クール。 だから私はちょうどに行くよ 本当に速いこれを書く。 私はちょうど第二にこれを書くつもりだ。 だから、テキスト領域。 面白いのは、そこのB function--です の機能がたくさんあることだけでなく、 あなたに対応 マウスが、あなたのキーボード。 OK？ いずれかのキーがあるときにあなたが言うことができます 押された、あなたはそのようなことを行うことができます。 私たちが使用しているので、1 、上キーで呼び出される あなたは上の任意のキーを押してしまった場合」、と言う ユーザーが持ち上げているあなたのキーボード、 そのボタンをオフに指、 とキーが押されていない状態となっている、 その後、我々は何かをやろうとしている。」 OK？ だから、これは右、理にかなっている？ すべての文字のため 私たちはなるだろう、と入力 オフ私たちの指を持ち上げるために持っている そのため、キーが上がるとき、 我々はデクリメントに知ることができる 私たちの文字が残っている。 

だから我々は、キー上のいくつかを持っている アップ、及び同様に、 私たちは、言おうとしている 「OK、我々はそれを行う際に、我々 そのいくつかの関数を作成しようとしている この場合の「電子を取るために起こっている、 そして私たちがやりたいことはある 残りの数を計算する。 [OK]を、ので、ちょうど始めましょう 変数を作成することによって。 だから我々はいくつかの変数rを持って、 それが表現するために起こっている どのように多くの文字は、我々は残っている。 OK？ 私たちは始めることを知っている 140、そして私たちが知りたい場合は、 それでは言わせて、これの長さ 入力された文字列だ、 あなたたちはどんな考えを持っていない 我々はそれをどのように行うのでしょうか？ ちょうど明白なのオフに基づいて 私たちは時間をしたい場合のようなもの、 私たちは時間を取得し使用。 私たちは、オブジェクトであることを知っている テキスト領域が、可能性が君たち それの後に来るかもしれないものを考える？ 任意のアイデア？ 

未満のため、この1の種 直感的な、それは価値ドットの長さです。 だから私にいくつかを与える value属性その 実際にこの文字列の長さです。 だから、[OK]を、私は探しています」と言うために起こっている テキスト領域内でこの文字列全体では、 と私が言うつもりだ あなたどのくらいの時間がある。」 我々は文字列を覚えていればいるため 実際には単なる配列です、 私たちはそれらの長さを取ることができます。 だから我々はそれを持っている。 クール。 

その後、我々が何をしたい、私たちは、 ユーザーを許可することはありません より入力より 140文字、右？ ので、私たちは、ああ "、のように言う場合 これだけ多くが残っている、 " し、それらはそれをやらせる とにかく、我々は嘘をついてきた。 そして、これは別です 事そのJavaScriptが 本当に良いことができます 例えば、ユーザの検証である とことを確認し、あなたの ユーザーはルールの範囲内に収まる あなたがそれらに提供されたこと。 あなたが作るようなことをやってみたいのであれば 必ず誰か入力、メールアドレス、 とき、またはことを確認し、彼ら 2パスワードを入力し、彼らが一致した。 JavaScriptはそれを行うことができます。 あなたは "、のような何かをするだろう フォームは、提出された」などとされ、 「フォームを送信ボタンがあるとき クリックされ、これらすべてのものをご確認ください。」 そして、我々はJavaScriptのことを行うことができます。 だから、ただ何だ 私たちはここでやろうとしている。 

だから何がいるかどうかをチェックするための方法かもしれない 彼らは、140文字の上に行ってきた？ 何に起こるだろう Rの私たちの価値彼らがしようとすると？ それは右、陰性であることが起こっているのですか？ それとも、より少ないことになるだろう よりゼロに等しい。 それであればだから我々は使用することができます ちょうど他のすべてが好きです。 OK？ そして、我々はいくつかのテキスト領域のドットを持っている 値は、私たちはここで何をやっている 我々はそれが何であるかcutting--ているのですか？ ごめんなさい。 この1は、私たちはfalseを返したい。 私は混乱しました。 すべてが動作していない事から疲れた。 [OK]を、私たちはしたい falseを返し、その後、我々 表示したい 文字を残り、右？ クロックでだから、私たちはやった 内部HTMLで何か、右？ 我々はいくつかに等しく、それを設定する場合は 変数、私たちはここで何をするのでしょうか？ 私たちは、の内部HTMLを変更している？ 

読者：残り？ 

ALLISON BUCHHOLTZ-AU： 我々は残りを変更している。 すべての権利、そして我々が何をすべきか 同等に設定したいですか？ そのためには、Rになるだろう 私たちの文字が残っているべきである。 OK？ だから私はかどうかを確認するために、本当に緊張しています これが動作するようになりましたが、我々が表示されます。 このままにしておきます。 それは本当に速いです。 [聞こえない] [OK]をクリックします。 繰り返しますが、私はちょうどお見せするつもりです。 何らかの理由で、 地雷は動作しないことを決定、 しかし、私はあなたが表示されますと、このことです is--ああ私はその中に入れになっていた。 [OK]を、私たちは、同じ種類のに気付く ここでの事、テキスト領域を取得する。 

また、男に気付いた場合、あるかどう 今までにあなたがしたい何か、 そして、あなたは何をする方法がわからない それは、単に、ページのソースを表示をクリックします 彼らはあなたを伝えるつもりだ。 時にはそれが暗号化されます。 あなたのpsetのために、我々はすべてを暗号化し、 そう、それだけでちんぷんかんぷんのように見えます。 本当にしかし、今までにあるかどう あなたが好きなクールなウェブサイト、 あなただけのページのソースを表示をクリックした場合、 それはそれを行うにはどのように言うつもりだ。 だから、再び、難しく、よりスマートではない仕事。 そして、あなたはここで、すべての参照として、 これらの事は同じです。 この1は、ここではいくつかの部分文字列を取る それは、私はこれがないかを正確に忘れる。 しかし、それは明らかにいくつかの部分文字列を取る ゼロから10までの値の、 と停止をすべきかfalseを返す もはや入力からユーザー、 その後、明らかにアップデート そこに内部HTML。 

クール。 今日からとても大きくテイク遠かった、 実験、ソースコードを見て それはあなたに多くを助けるために起こっているため、 時々、みんなは、JavaScript で動作するように難しいことができますし、しません 常に、あなたはそれを期待するように動作 しかし単に努力を続ける 私は約束するので、それは意志。 私は、これらの例のすべてを約束 クラスの前に働いていた。 私は何が起こったのか理解していない。 私は、文字通り同じすべてを持っている。 

私はちょうどしたいもう一つ あなたのスーパー役立ちますみんなを表示 前に働いていた何in--ている？ 私たちは、私たちは、仕事にパーティーをしませんでした得たか。 私はそう思う。 はい。 私たちはやった。 恐ろしい。 [OK]を、ので、一つのこと、その あなたたちは知っている必要があります 私が話をコンソールログです。 だから、ハローのドットログをコンソール。 だから、これは一種のです のprintfのJavaScriptの同等。 だから、あなたは今までにしたい場合 あなたの変数を検査 または何、そこに何が起こっているかを参照してください。 あなたが行うことができ、我々は要素を検査した場合、である、 どこに行きたいものです に、そしてあなたがコンソールに移動し、 あなたはそれがハローを印刷していることがわかります。 

だから我々はそれを持っている可能性が 我々が望んで何でも印刷。 我々は、それがバックグラウンドを印刷したい場合 ドットスタイルドット背景、 私たちは見ることができるはずです RGBトリプルそれがアップする。 か否か。 私は正確にどのようにあなたを忘れ そのような変数を印刷し、 しかし、あなたのことができるようになり そのようなものをプリントアウトする。 それは非常に有用であろう あなたのPSETときのために あなたが操作しようとしている 座標またはその他もろもろ。 そこで、彼らはまた、クラスでこの曲を変更してください。 これは、最後の年とは異なります ちょうどあなたのTFにいいこと、またはTFの 営業時間ではなく、私たちがしているので、 君たちと一緒に学習の一種。 しかし、コンソールログは、超超だった 昨年はJavaScriptに役立つ。 だから、それを愛する。 それを使用する方法を学習します。 それはように、GDBを使用するより簡単です 少なくともプラスポイントでなければなりません。 しかし、男は私と軸受けされているあなたに感謝。 私は私のことをごめんなさい 何らかの理由での例 単にたいと思わなかった 私と一緒に協力したが、私 それは一種のあなた得るのを助けたことを願っています JavaScriptをゾーンでもう少し。 そして、私にするためのすべてのご質問を送信する 私はスーパー修復することができるので、来週、 と私はお菓子とさえ余分に持っていきます キャンディ、これはばかげたからである。 しかし、あなたたちは素晴らしいです、 と素晴らしい週持っている。