2番目の「コードを学ぶ」レッスンでは、実際に作業する方法を調べます最初のレッスンで学んだ変数とデータ型。興奮してください - あなたの新しい知識を機能させる時が来ました!
これらのレッスンは、上記で見ることができるビデオで最適に機能しますが、以下の参照用のテキストも提供しています。あなたが読みたいと思っていても、ビデオはより明確になり、私たちが議論しているすべてを行う方法を示します。テキストが少し複雑すぎるように見える場合は、必ずビデオをご覧ください。
変数ステートメントを作成します
変数ステートメントを作成して、変数がどれほど有用であるかを確認できます。このレッスンで私たちがしていることはすべて、
<script>
myscript.htmlで作成したタグ前のレッスン。最初に4つの変数を作成し、次にそれらを使用して文を作成します。作成する4つの変数は次のとおりです。
var myName = "Adam";<br>var foodType = "apples";<br>var numberEaten = 3;<br>var numberTotal = 7;
あなたは彼らの価値を上記のものに設定する必要はありません。たとえば、あなたの名前がメリッサの場合、代わりにmyName変数の値を「メリッサ」に設定することをお勧めします。あなたの名前が本当にひどく恥ずかしい(例えばヘルペ)なら、あなたが私のものを使っても大丈夫です。とにかく、Mystatementと呼ばれる新しい変数を作成し、4つの変数を組み合わせて文を作成しましょう。それを行うために、私たちはこのように神数を設定するだけです:
var myStatement = myName + " ate " + numberEaten + " " + foodType + ".";
私はそれを一貫した文と期間にするためにいくつかの単語とスペースを追加して、それが適切に中断されることに気付くでしょう。この文を組み立てることができますが、上記の例はうまく機能するものを提供します。それでは、テストしましょう。 alert()関数を使用して、私たちが思いついたものを表示します。
alert(myStatement);
アラートに表示されるのは次のとおりです。Adam ate 3 apples.
さて、素晴らしいので、あなたは役に立たない文を書いただけで、変数のいずれえも使用しませんでした。今何?少し数学をしましょう。この文を試してみてください:
var myStatement = myName + " ate " + numberEaten + " " + foodType + ", leaving " + (numberTotal - numberEaten) + " " + foodType + " left over.";
何が変わったのですか?さて、私たちは声明を少し変更して、あなたの後に残されたリンゴの数をユーザーに通知するか、リンゴを利用できるようにしました。
ここで気付くべき重要なことは、コードの一部です。(numberTotal - numberEaten)
。文字列変数を実際に何でも(数字であっても)追加すると、別の文字列が作成されます。 2つの数字を一緒に追加すると、実際に数学が行われます(2 + 3は23ではなく5に等しくなります)。ミックスには他の文字列があるため、この数学操作が数学として実行されることを確認する必要があります初め。数学的なステートメントを括弧内に置くことにより、コンピューターは、私たちが作成している大きな長い文字列変数の一部を考慮する前に、最初にその操作を実行することを知ります。明らかに、これら2つの数値を一緒に追加するわけではありませんが、すべての数学操作に同じルールが適用されます。
Mystatementの変更が行われたため、Alert(Mystatement)が表示されるはずです。Adam ate 3 apples, leaving 4 apples left over.
今日は本当にカバーしますが、それを呼び出す前に、変数の内容を変更し、WebブラウザでページをリロードするときにMyStatementが自動的に更新される方法を確認してください。これは、プログラミングを非常に便利にするものについての最初の小さな見方です。次は何の準備ができていますか?チェックしてくださいレッスン3、アレイとロジックステートメントに取り組みます。これは、物事がもう少し挑戦的になるだけでなく、もっと楽しくなります。