入力内容

HTML

JavaScript

今回書いたHTMLでは「span」というタグで「犬」と書いた部分が囲まれています。この「span」タグは囲んだ部分を1つのかたまりとして扱うことができます。
そうすることで、その部分のみを対象にした関数などを作ることができます。

ここで今回書いたJavaScriptを見てみましょう。
「getElementById(“target”)」という部分には「targetという名前(id)をつけられた要素(今回はspanタグで囲まれた部分)を取得する」という働きがあります。それに続く「textContent」というのは「文章の内容」と言う意味です。
つまりこの2つを組み合わせることで「spanタグで囲まれた部分の文章の内容」を表現できるのです。

出力

ボタンで文字を書き換えよう!

私の好きな動物はです。