JavaScript #20

1476 ワード
JavaScript テキストリンク
210804
JavaScript #20
  • Todo Add

    • 上のハハのようにやるべきことを入力したら追加しましょう
    -todo.js
    function paintToDo(newTodo){
  const li = document.createElement("li")
  const span = document.createElement("span")
  li.appendChild(span)
}
    lianのspanに待機事項のリストを入れたいです.
    liとspanをcreateElementとして作成します.
    liのchildでspanを加えて、li内にspanを持たせます.
    function paintToDo(newTodo){
  const li = document.createElement("li")
  const span = document.createElement("span")
  li.appendChild(span)
  span.innerText = newTodo
  console.log(li)
}
    liがどうやって出てきたか見てみろ

    私たちはliを持っています.toDoListに追加すればいいです.
    
function paintToDo(newTodo){
  const li = document.createElement("li")
  const span = document.createElement("span")
  li.appendChild(span)
  span.innerText = newTodo
  toDoList.appendChild(li)
}
    同様にtoDoListにChildを追加する.


    正常に追加します.
    リファレンス
    https://nomadcoders.co/javascript-for-beginners/lobby
    Javaスレッド(14):Concurrentパッケージ内の強力な同時集合クラス
    7月5日(z-index、float、flex)