DOMの操作 - Qiita

今回はこちらのHTTMLから情報を受け取り、ul要素を生成して行きます。 inputからの入力内容をul要素に反映していきます。 JS { const add = document.querySelector('button'); add.addEventListener('click',e => { const li = document.createElement('li'); const text = document.querySelector('input'); li.textContent = text.value; document.querySelector('ul').appendChild(li); }); } ①定数addにquerySerectorでボタン要素を代入します。 ②add.addEventListenerでクリックイベントが起きたときの関数を登録します。