button -> span

span 初出だと思うので、button のほうが良ければ revert してください。

Author: aster-void

docs/1-trial-session/13-dom/index.md

@@ -53,12 +53,12 @@ element.style.backgroundColor = "red";
 
 `document.createElement` 関数は、引数に要素の種類を表す文字列を取り、その種類の新しい HTML 要素を作る関数です。
 `document.createElement` 関数の戻り値は、新しく作った HTML 要素に対応するオブジェクトです。
-下の例では、新しい `button` 要素を作っています。
+下の例では、新しい `span` 要素を作っています。
 中身のない空の要素が作成されるので、`textContent` を `Hello World!` に設定してみましょう。
 
 ```js title="script.js"
-const newButton = document.createElement("button");
-newButton.textContent = "Hello World!";
+const newSpan = document.createElement("span");
+newSpan.textContent = "Hello World!";
 ```
 
 そして、`要素1.appendChild(要素2)` とすることで、要素1の子要素に要素2を追加し、画面に表示することができます。
@@ -71,13 +71,13 @@ newButton.textContent = "Hello World!";
 ```js title="script.js"
 const parent = document.getElementById("parent-element");
 
-const newButton = document.createElement("button");
-newButton.textContent = "Hello World!";
+const newSpan = document.createElement("span");
+newSpan.textContent = "Hello World!";
 
-parent.appendChild(newButton);
+parent.appendChild(newSpan);
 ```
 
-これで、既存の `div` 要素の子要素に新しい `button` 要素が追加され、画面に `Hello World!` と書いてあるボタンが表示されます。
+これで、既存の `div` 要素の子要素に新しい `span` 要素が追加され、画面に `Hello World!` と表示されます。
 
 ## 初級課題