JavaScriptとは？何ができる？初心者でもわかる基本

新人と先輩の会話形式で理解しよう

新人

「JavaScriptってよく聞くんですけど、実際に何ができるんですか？」

先輩

「JavaScriptは、Webページに動きをつけたり、インタラクティブな要素を作るためのプログラミング言語だよ。例えば、ボタンをクリックしたときにページの内容が変わったり、アニメーションが動いたりするのがJavaScriptの力だね。」

新人

「それは面白いですね！でも、具体的にどんなことができるんですか？」

先輩

「じゃあ、具体的な例をいくつか見てみよう！」

1. JavaScriptとは？

JavaScriptは、Webページに動きを加えるためのプログラミング言語です。HTMLやCSSと組み合わせて使うことで、ページにインタラクティブな要素を作成することができます。

例えば、ページに表示されたボタンをクリックすると、別の内容が表示されたり、画像が動いたりするなど、Webページの使いやすさや魅力を高めることができます。

2. JavaScriptでできること

JavaScriptでは、次のようなことができます：

ユーザーインタラクション：ボタンやフォームの入力に反応して、内容を動的に変更する。
アニメーション：画像やテキストを動かしたり、フェードイン・フェードアウトの効果をつける。
データの処理：フォームで入力されたデータを確認して、送信前にエラーチェックを行う。
Ajax通信：ページを再読み込みせずに、サーバーからデータを非同期で取得し、ページを更新する。

これらを実現するために、JavaScriptは非常に強力なツールです。

3. JavaScriptの例

例えば、ボタンをクリックしたときに、ページ上のメッセージが変わるという簡単な例を見てみましょう。


<button onclick="changeMessage()">クリックしてメッセージを変更</button>
<p id="message">最初のメッセージ</p>

<script>
    function changeMessage() {
        document.getElementById("message").innerHTML = "メッセージが変更されました！";
    }
</script>

ブラウザ表示

このコードでは、ボタンをクリックすると、pタグ内のメッセージが変更される仕組みです。ボタンがクリックされると、changeMessage()というJavaScriptの関数が実行され、その結果、ページ上のメッセージが更新されます。