Skip to content

Commit 32ab36d

Browse files
authored
Remove unnecessary space in project section (#654)
1 parent 4217ed5 commit 32ab36d

File tree

1 file changed

+7
-7
lines changed

1 file changed

+7
-7
lines changed

docs/2-browser-apps/06-project/index.mdx

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -60,8 +60,8 @@ addButton.onclick = () => {
6060
```
6161

6262
この時箇条書きの項目として新たに `li` 要素を追加する必要があります。
63-
DOM の章で扱ったように、[`document.createElement` 関数](https://developer.mozilla.org/ja/docs/Web/API/Document/createElement) を使うと新しい要素を作成できます。
64-
また、[`Node#appendChild` メソッド](https://developer.mozilla.org/ja/docs/Web/API/Node/appendChild) を用いることで既存の要素内に子要素を追加することができます。
63+
DOM の章で扱ったように、[`document.createElement` 関数](https://developer.mozilla.org/ja/docs/Web/API/Document/createElement)を使うと新しい要素を作成できます。
64+
また、[`Node#appendChild` メソッド](https://developer.mozilla.org/ja/docs/Web/API/Node/appendChild)を用いることで既存の要素内に子要素を追加することができます。
6565

6666
```javascript
6767
const li = document.createElement("li");
@@ -116,9 +116,9 @@ addButton.onclick = () => {
116116
### ステップ 2: ToDo を削除する
117117

118118
次に削除ボタンを追加します。
119-
[`document.createElement` 関数](https://developer.mozilla.org/ja/docs/Web/API/Document/createElement) `button` 要素を生成し削除ボタンにしてから [`Node#appendChild` メソッド](https://developer.mozilla.org/ja/docs/Web/API/Node/appendChild) で要素内に追加しましょう。
119+
[`document.createElement` 関数](https://developer.mozilla.org/ja/docs/Web/API/Document/createElement)`button` 要素を生成し削除ボタンにしてから [`Node#appendChild` メソッド](https://developer.mozilla.org/ja/docs/Web/API/Node/appendChild)で要素内に追加しましょう。
120120

121-
削除ボタンを押すと `li` 要素が 1 つ消える機能を実装するためには、ある要素から子要素を取り除く [`Node#removeChild` メソッド](https://developer.mozilla.org/ja/docs/Web/API/Node/removeChild) を使います。
121+
削除ボタンを押すと `li` 要素が 1 つ消える機能を実装するためには、ある要素から子要素を取り除く [`Node#removeChild` メソッド](https://developer.mozilla.org/ja/docs/Web/API/Node/removeChild)を使います。
122122

123123
```javascript
124124
// todoList から todoItem を取り除く
@@ -173,7 +173,7 @@ addButton.onclick = () => {
173173
編集ボタンをつけてみましょう。
174174

175175
編集ボタンが押されたときに、ユーザーにテキストを入力するように促すダイアログを表示します。
176-
[`prompt` 関数](https://developer.mozilla.org/ja/docs/Web/API/Window/prompt) を使い、ユーザーに入力を求めることができます。
176+
[`prompt` 関数](https://developer.mozilla.org/ja/docs/Web/API/Window/prompt)を使い、ユーザーに入力を求めることができます。
177177

178178
```javascript
179179
todoText.textContent = prompt("新しい内容を入力してください。"); // ユーザーに入力を求める
@@ -230,10 +230,10 @@ addButton.onclick = () => {
230230

231231
### ステップ 4: 空の ToDo を入れさせない
232232

233-
[`HTMLButtonElement#disabled` プロパティ](https://developer.mozilla.org/ja/docs/Web/API/HTMLButtonElement/disabled) `true` の時、ボタンはクリックを受け付けなくなります。
233+
[`HTMLButtonElement#disabled` プロパティ](https://developer.mozilla.org/ja/docs/Web/API/HTMLButtonElement/disabled)`true` の時、ボタンはクリックを受け付けなくなります。
234234
入力欄が空の時にこのプロパティを `true` に、それ以外の時は `false` にすることによって空のタスクの追加を防ぐことができます。
235235
この時、入力欄に何かキー入力があるたびに入力欄が空かどうかを判定する必要があります。
236-
[`HTMLElement#oninput` プロパティ](https://html.spec.whatwg.org/multipage/webappapis.html#handler-oninput) にイベントハンドラを登録すると、ユーザーによって要素に入力されたときに実行される関数を定めることができます。
236+
[`HTMLElement#oninput` プロパティ](https://html.spec.whatwg.org/multipage/webappapis.html#handler-oninput)にイベントハンドラを登録すると、ユーザーによって要素に入力されたときに実行される関数を定めることができます。
237237

238238
```javascript
239239
todoInput.oninput = () => {

0 commit comments

Comments
 (0)