HTML | HTML内でJavaScriptを記述するサンプルコード
HTMLコードの中に実行可能なJavaScriptを記述するサンプルコードを紹介しています。
HTML内でJavaScriptを記述するサンプルコード
HTMLの中に実行可能なJavaScriptを記述する場合、<script>タグで囲ってその中にJavaScriptコードを記述します。
<p>このページではコンソールログに「Write JavaScript within HTML」を出力しています。</p>
<script>
console.log('Write JavaScript within HTML');
</script>
コード量が多い場合、JavaScriptファイルを作成して読み込んだ方がエラーチェックもし易いですが、部分的なアクションやテスト段階の操作の場合などは、HTML内に記述する事も少なくありません。
また、高速化目的等でJavaScriptファイルの中身をテキストとして読み込んでインラインに記述する場合も、同様の方法が利用されています。