@@ -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
6767const 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
179179todoText .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
239239todoInput .oninput = () => {
0 commit comments