100 日間チャレンジ 1 日目

日付: 2024/8/21

目的: JavaScript の変数、論理演算、およびデータ型を学習して理解するには、JavaScript を使用して数学的問題を解決し、イベント リスナーと条件ステートメントについて学習し始めます。

1. JavaScript 変数の概要

今日、私は変数について学ぶことから JavaScript への旅を始めました。 JavaScript の変数は、数値、テキスト、またはその他のタイプの値であるデータを保持するコンテナのようなものです。 let、const、var キーワードを使用して変数を宣言する方法を学びました。

• let を使用すると、後で変更できる変数を作成できます。
• const は再代入できない変数を作成します。
• var は変数を宣言する古い方法ですが、今でも使用されています。

2. 論理演算とデータ型を理解する

次に、JavaScript で意思決定を行うために使用される論理演算について調べました。基本的な論理演算子:

次のようなさまざまなデータ型についても学びました:

3. JavaScript を使用して数学問題を解く

変数とデータ型の知識を応用して、簡単な数学の問題を解決しました。問題は、幅と高さを指定して長方形の面積を計算することでした。

4. イベントリスナーの概要

次に、イベント リスナーについて学び始めました。イベント リスナーは、ユーザーがボタンをクリックするなど、特定のイベントが発生するのを待ってから、何らかのアクションをトリガーする関数です。

簡単に言うと:
イベント リスナーを使用すると、ボタンのクリック、テキスト ボックスへの入力、要素の上にマウスを置くなど、Web ページ上のユーザー アクションに JavaScript が応答できるようになります。

をクリックしない場合は

クリックすると、データのロードが表示されます。その後、「コールバック経由でロードされたデータ」が表示されます

これは JavaScript のイベント リスナーの仕事です

5. 条件文を理解する

コード内で意思決定を行うための条件ステートメントについても学びました。条件ステートメントは、条件が true か false かをチェックし、結果に基づいてコード ブロックを実行します。

6 JavaScript の While ループと For ループについて

while ループ:
JavaScript の while ループは、指定された条件が true である限り、コードのブロックを実行し続けます。私は、誰かが正しい答えが得られるまで質問を繰り返すことを想像して、この概念を理解しようと努めました。

簡単な定義:
while ループは、特定の条件が true である限り実行され続けます。

例：

let number = 1;

while (number 



この例では、ループは数値 = 1 で開始され、数値が 5 以下の場合に実行を続けます。数値の値を出力し、毎回 1 ずつ増加します。

For ループ:

for ループは while ループに似ていますが、通常、ループを実行する回数がわかっている場合は、より簡潔で記述が簡単になります。

簡単な定義:

for ループは、コードのブロックを特定の回数繰り返します。

例：



for (let i = 1; i 



この for ループでは、i は 1 から始まり、5 に達するまでループごとに 1 ずつ増加します。ループは while ループと同様に 5 回実行されます。

while ループと for ループの違い:

• while ループ: ループを何回実行する必要があるかわからないが、確認する条件がある場合に最適です。
• For ループ: ループを実行する回数が正確にわかっている場合に最適です。

シナリオ：
コインを投げていると想像してください。表が出るまで裏返し続ける必要があります。何回フリップするかわからないので、while ループを使用して表が出るまでフリップし続けます。

さて、コインをちょう​​ど 5 回投げたい場合は、結果に関係なく、ちょうど 5 回投げる必要があることがわかっているので、for ループを使用します。

要約すれば：

• while ループ: 表が出るまで反転し続けます。
• For ループ: コインを正確に 5 回投げます。

ループを理解するのには多少の努力が必要でしたが、この演習により、コード内でタスクを効率的に繰り返す際にループがどのように役立つかを理解することができました。

私の経験

とてもイライラしてストレスがたまりました。それは本当に私に迫ってきて、PCを壊してしまいそうになったほどでした。それは本当に圧倒的でした！どこで問題が起こったのかを理解するのを手伝ってもらえますか?....?‍♂️?‍♂️?‍♂️?‍♂️、非常に多くのバグに対処しなければならず、デバッグはストレスを増大させるだけでした。しかし、私は休憩して心をリセットし、最終的に問題を理解することにしました。私は、何があっても自分の最高のバージョンになれると自分に言い聞かせ続けました。

でも JavaScript は...????

結論

1 日目は、変数、論理演算、データ型、条件文について学び、JavaScript の強固な基礎を築くことができ、生産的でした。また、JavaScript がイベント リスナーを通じてユーザー アクションとどのように対話するのかについても調査し始めました。今後もこの旅を続けて JavaScript についての理解を深めていきたいと思っています。

いいね、共有、購読、フォローアップして、さらにこの JavaScript ハンバーガーにどの飲み物を飲むべきかコメントしてください...笑???