ミバの日々: 15日目

100 日間の Miva コーディング チャレンジの 15 日目です。とてもあっという間に過ぎましたが、HTML、CSS、JavaScript のスキルを大幅に向上させるのに役立ちました。
今日、私は JavaScript の 2 つの概念を学びました。オブジェクトのプロパティと JavaScript イベントを表示します。これらは、データを追加し、Web ページの応答性と対話性を維持する上で非常に重要です。

オブジェクトのプロパティの表示

前に説明したように、オブジェクトは、相互に関連する、または特定の主題に関連するさまざまなデータ型のデータを含むデータ ブロックを作成するために使用されます。キーと値のペア形式で記述されます。
これらのプロパティの表示には、さまざまな方法があります。まず、加算演算子を使用してプロパティを連結した文字列として表示できます。

オブジェクトがなくなるまで、各キーと値のペアを選択するループとして表示できます。

Object.values() メソッドを使用して配列形式で表示することもできます。

最後に、JSON 表記を使用して表示する JSON.stringify() メソッドを使用して表示できます。

JavaScript イベント
イベントは、ブラウザーまたはユーザーのアクションまたは入力によって Web ページ上で発生するアクションです。ボタンのクリック、Web ページの読み込み、ページのサイズ変更などのアクションはイベントと呼ばれます。 JavaScript コードを使用すると、これらのアクションが発生したときに特定の反応を引き起こすことができます。

たとえば、HTML や CSS による静的な表示と比較して、ボタンをクリックすると、JavaScript コードを使用して時刻と日付をリアルタイムに表示できます。

JavaScript コードを使用して、アクションが発生したときに特定の要素のコンテンツを変更することもできます。

イベントの場合に関数を呼び出して実行することもできます。

JavaScript イベントの概念は、Web ページ上のアクションに対するリアルタイムの反応を誘導するために使用できるため、Web ページの応答性とインタラクティブ性を高めるために非常に重要です。

15 日目は非常に生産的で勉強になりました。明日は JavaScript イベントについてさらに詳しく調べる予定です!

ソースコードはここで入手できます:
オブジェクト表示: (https://github.com/Abdul-Samod/100daysofMiva/blob/74ad5573744c15d1955e8f8777053f0492d41fe9/javascript_prac2.html)

JavaScript イベント: (https://github.com/Abdul-Samod/100daysofMiva/blob/74ad5573744c15d1955e8f8777053f0492d41fe9/javascript_prac3.html)

以上がミバの日々: 15日目の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。