3月7日面談のまとめ(TODOリスト)

TODOに付け加えたこと

①const todo_detail_input = document.getElementById(“input2”);
コンソールに表示すると
<input type = “text” id=”input2″ placeholder=”詳細を入力”>　が表示される
これはidにinput2がついているHTML要素を取得するという意味！

②let todo_detail = todo_detail_input.value;

もし□のなかに何も入力しないとコンソールに何かを入力したことにはなるけど、無文字というか空のまま。

③const span = document.createElement(“span”);

span.innerText = todo_detail;

li.appendChild(span);

これはspan要素を

span.innerText = todo_detail;

innerTextは

const element = document.getElementById(‘myElement’);

const visibleText = element.innerText; // 表示されているテキストを取得だとすると

getElementByIdで取得したmyElemntの付いているタグ
例えば
<div id=’myElement’ >ああああ</div>
があるとしたら

タグの部分は取らず、ああああ　だけ取得するということ

span.innerText = todo_detail; 全体の意味

ここはわからないので来週聞く！

const span = document.createElement(“span”);

li.appendChild(span);