使用して文字列や配列などのオブジェクトの長さを取得します。これにより、現在のページのリロードや新しいページへのリダイレクトを伴うフォームのデフォルト送信が防止されます。関数を使用してHTML要素を作成できます。関数を使用してこれらの要素をDOMに追加します。(間隔)イベントがトリガされたときに関数が実行されるように指定するだけでなく、一定時間後に関数が実行されるように設定することもできます。カウンタページのスクリプトに戻り、ユーザが何もクリックしなくてもカウンタが1秒ごとに増加するように間隔を追加します。これを行うには、setInterval関数を使用します。1000);});ローカルストレージこれまでのところ、私たちのすべてのサイトで気になるのは、ページをリロードするたびに、私たちのすべての情報が失われていることです。見出しの色が黒に戻り、カウンタが0に戻り、すべてのタスクが消去されます。開発者が、このような動作を意図している場合もありますが、ユーザがサイトに戻ったときに使用できる情報を保存できるようにしたい場合もあります。これを行う1つの方法は、ローカルストレージを使用するか、後でアクセスできるようにユーザのWebブラウザに情報を保存することです。この情報は、Pythonの辞書型のように、キーと値のペアのセットとして格納されます。ローカルストレージを使用するには、次の2つの主要な機能を使用します。localStorage.getItem(key):この関数は、指定されたキーを持つローカルストレージ内のエントリを検索し、そのキーに関連付けられた値を返します。value):この関数は、キーを新しい値に関連付けて、ローカルストレージ内にキーとエントリを設定します。これらの新しい機能を使用してカウンタを更新する方法を見てみましょう。オブジェクトJavaScriptオブジェクトは、キーと値のペアを格納できる点でPythonの辞書型に非常に似ています。Potterを表すJavaScriptオブジェクトを作成できます。'Potter'};次に、括弧またはドット表記のいずれかを使用して、このオブジェクトの一部にアクセスしたり変更したりできます。JavaScriptオブジェクトが本当に役立つものの1つは、特にAPIを使用する場合に、あるサイトから別のサイトにデータを転送することです。2つの異なるアプリケーション間の構造化された形式の通信です。アプリケーションでGoogleマップやAmazon、あるいは何らかの気象サービスから情報を取得したいとします。形式で返すサービスのAPIを呼び出す必要があります。JSON形式のフライトは次のようになります。415}JSON内の値は、上記の例のように文字列と数値だけである必要はありません。リストや他のJavaScriptオブジェクトを保存することもできます。415}為替レートアプリケーションでAPIを使用する方法を示すために、2つの通貨間の為替レートを検索できるアプリケーションを作成してみましょう。この演習では、ヨーロッパ中央銀行の為替レートAPIを使用します。Webサイトにアクセスすると、APIのドキュメントが表示されます。このドキュメントは、通常、APIを使用する場合の開始点として適しています。このAPIをテストするには、https://api.exchangeratesapi.io/latest?base=USDにアクセスします。このページにアクセスすると、米ドルと他の多くの通貨間の為替レートがJSON形式で表示されます。他の通貨コードに変更して、取得するレートを変更することもできます。いう新しいHTMLファイルを作成し、それをJavaScriptファイルにリンクし、本文を空のままにして、このAPIをアプリケーションに実装する方法を見てみましょう。呼ばれるものを使用して、ページがロードされた後でも外部ページから情報にアクセスできるようにします。関数はpromiseを返します。ここでは、どのようなpromiseがあるのかの詳細については説明しませんが、これはある時点で返される値であり、すぐに値が返されるとは限らないと考えてください。以下のコード・スニペットは、応答をコンソールに記録します。引数が常に関数であるということです。変数を作成しているように見えますが、これらの変数は2つの匿名関数のパラメーターにすぎません。このデータを単にログに記録するのではなく、次のコードのように、JavaScriptを使用して画面にメッセージを表示できます。});});では、ユーザが見たい通貨を選択できるようにすることで、サイトをもう少しインタラクティブにしてみましょう。HTMLを変更して、ユーザが通貨を入力できるようにします。</body></html>次に、JavaScriptを変更して、フォームが送信されたときにのみ変更されるようにし、ユーザの入力を考慮するようにします。エラーチェックもここに追加します。}});これでこのレッスンは終わりです!次回は、JavaScriptを使用してさらに魅力的なユーザインターフェースを作成する作業に取り掛かります。languages.。