Todoリストアプリで新しい項目を追加する際、まず入力値を取得し、document.( A )(‘li’)で要素を作成してから、リストにappendChildではなくより柔軟な( B )を用いると複数ノードや文字列も追加できる。
解答
A: createElement
B: append
解説
createElement(‘li’)で新しい要素を生成する。子の追加はappendChildでもよいが、appendは文字列や複数ノードを一度に追加でき、戻り値も不要なため実務で扱いやすい。
使用例（サンプルコード）
[ html ]
<ul id="todo"></ul>
<input id="task" />
<button id="add">Add</button>
<script>
document.getElementById('add').addEventListener('click', () => {
const ul = document.getElementById('todo');
const text = document.getElementById('task').value.trim();
if (!text) return;
const li = document.createElement('li');
li.append(text); // (B)
ul.append(li); // ここもappend
});
</script>