JavaScriptって何？-P-LIFE.NET

📅 2025-04-09

🔄 2025-05-05

「HTMLとCSSはなんとなく分かるけど、JavaScriptって何をするの？」

そんな疑問を持つ人のために、実際のWebページ構成を使った具体例でJavaScriptの役割をわかりやすく説明します！

Web制作の三本柱とは？

<button id="btn-demo">クリックしてね</button>

#btn-demo {
  background-color: lightblue;
  font-size: 20px;
  padding: 10px 20px;
  border: none;
  border-radius: 5px;
  cursor: pointer;
}

document.getElementById("btn-demo").addEventListener("click", function () {
  alert("こんにちは!");
});

上記のコードを組み合わせることで、ボタンをクリックすると「こんにちは!」というアラートが表示されます。

下記の作動ボタンを押して実際にコードを作動させてみてください。JavaScriptが作動するとクリックした時に反応するようになります。

今回はJavaScriptについて説明させていただきました。

「ボタンを押したら何かが起きる」

この機能を使えるようになるとブログ作成がより楽しくなると思います。

それでは今回はこの辺で。

最後までお読みいただきありがとうございました。

合わせて読みたい

Bloggerで記事内にCSSを書く方法【スタイルタグ・インライン編】

Bloggerで記事本文に直接CSSを書く2つの方法を紹介します。