HTML JavaScript

HTMLとJavaScriptはウェブページの作成や動作を制御するための主要な技術です。HTMLはページの構造やコンテンツを定義し、JavaScriptはページの動的な振る舞いやインタラクティブな機能を追加します。

JavaScriptは、HTML文書内で直接記述することができます。通常、<script>要素を使用してJavaScriptコードを埋め込みます。

<script>
  // JavaScriptコードの例
  function greet() {
    alert('Hello, World!');
  }
  greet();
</script>

この例では、<script>要素内にJavaScriptの関数greet()が定義され、ページが読み込まれるとすぐにalert()を使ってメッセージを表示します。

JavaScriptは、HTML要素の操作、イベントの処理、アニメーションの追加、フォームの検証など、多くのウェブページで必要な機能を提供します。

例えば、以下のようにしてHTML要素の内容を動的に変更することができます。

<button onclick="changeText()">テキストを変更</button>

<p id="demo">初めまして</p>

<script>
function changeText() {
  document.getElementById("demo").innerHTML = "こんにちは、世界!";
}
</script>

このコードでは、ボタンをクリックするとchangeText()関数が実行され、<p>要素の内容が動的に変更されます。

JavaScriptは外部ファイル(.jsファイル)としても保存し、src属性を使ってHTML文書にリンクすることもできます。この方法でコードの再利用性や管理性を向上させることができます。

HTMLとJavaScriptを組み合わせることで、静的なコンテンツに動的な機能を追加し、ユーザーとのインタラクションを強化することが可能になります。