JavaScript 使い方
JavaScriptマニュアルJavaScriptは、ウェブページの<script>タグ内に記述するか、外部ファイル（.jsファイル）に記述して、ウェブページから読み込むことができます。
内部JavaScript
これはHTMLファイル内に直接JavaScriptコードを書く方法です。
JavaScriptコードは <script> タグの間に配置します。この <script> タグはHTMLの <head> タグ内にも、 <body> タグ内にも配置できます。
<head>
<script>
// JavaScript code
</script>
</head>または
<body>
<script>
// JavaScript code
</script>
</body><head> 内に <script> タグを置くと、HTMLがロードされる前にJavaScriptが実行されます。しかし、これはページの読み込み速度を遅くする可能性があるため、通常は <body> の終わり近くに <script> タグを置くことが推奨されます。これにより、ページの内容が全て読み込まれた後にJavaScriptが実行されるようになります。
外部JavaScript
JavaScriptコードを別の .js ファイルに書き、HTMLファイルからそのファイルを読み込む方法です。
これも <script> タグを使用しますが、 src 属性にJavaScriptファイルのパスを指定します。
<!DOCTYPE html>
<html>
<head>
<title>JavaScript入門</title>
</head>
<body>
<button onclick="myFunction()">クリックしてください</button>
<script src="myscripts.js"></script>
</body>
</html>この方法は、大規模なプロジェクトや複数のHTMLページで同じJavaScriptコードを使用する場合に便利です。この方法を使用すると、JavaScriptコードを一か所で管理でき、HTMLファイルがスッキリします。
インラインJavaScript（避けたほうが良い）
これはHTML要素のイベントハンドラとしてJavaScriptコードを直接書く方法です。
しかし、この方法はコードの可読性や保守性が低下するため、特定の短いスクリプトやプロトタイプ制作にのみ推奨されます。
<button onclick="alert('CodingHaku')">クリックしてください</button>
コメント