210908


🎊学習の内容


JavaScript
シンプルなTo do list
// 위로부터 추가 하기
list.insertBefore(item, list.childNodes[0]);

// 부모노드 불러와 삭제
var item = this.parentNode.parentNode;
var parent = item.parentNode;

parent.removeChild(item);

// 완료를 누르면 아래 영역으로 가는데 id가 todo면 completed를 불러와 아래 영역으로 이동, 다시 누르면 todo를 불러와 위로 이동
var id = parent.id;

var target = (id === 'todo') ? document.getElementById('completed') : document.getElementById('todo');

parent.removeChild(item);
target.insertBefore(item, target.childNodes[0]);

マウスの位置に合わせて画像を移動
// 브라우저 크기 - pageX,pageY 마우스 위치
var windowWidth = window.innerWidth;
var windowHeight = window.innerHeight;
//
pageBack.style.transform = `translate(${moveX}px, ${moveY}px)`;

次の内容はgithubにアップロードされます.