FlaskにJavaScriptを追加する方法

静的ファイルの作成: Flaskでは、JavaScriptファイルやCSSファイルなどの静的ファイルを使用することができます。まず、Flaskアプリケーションのルートディレクトリに"static"という名前のディレクトリを作成しましょう。
JavaScriptファイルの作成: "static"ディレクトリ内に、JavaScriptファイルを作成します。たとえば、"script.js"という名前のファイルを作成しましょう。
テンプレートへのスクリプトの組み込み: Flaskでは、テンプレートエンジンを使用してHTMLファイルをレンダリングします。JavaScriptをHTMLファイルに組み込むには、次の手順を実行します。
- テンプレートファイルを作成または編集します。たとえば、"index.html"という名前のファイルを作成しましょう。
- <head>セクション内に以下のコードを追加します:
```
<script src="{{ url_for('static', filename='script.js') }}"></script>
```
  このコードは、"script.js"ファイルを読み込むためのタグを追加します。
JavaScriptコードの記述: "script.js"ファイルにJavaScriptコードを記述します。これにより、ウェブページ上で動的な振る舞いを実現することができます。たとえば、以下のコードは、ウェブページ上のボタンがクリックされたときにアラートメッセージを表示するシンプルな例です。
```
document.getElementById("myButton").addEventListener("click", function() {
   alert("ボタンがクリックされました！");
});
```

これで、FlaskアプリケーションにJavaScriptを追加する準備が整いました。生成されたHTMLファイルをブラウザで開き、JavaScriptが正常に動作することを確認してください。

以上が、FlaskにJavaScriptを追加する方法の基本的な手順です。必要に応じて、さまざまなJavaScriptライブラリやフレームワークを使用することもできます。