qwef

document.addEventListener('DOMContentLoaded',function(){ const ulList = this.createElement('ul'); let textArray = ['Home', 'About', 'Product', 'Contact Us']; textArray.map((list, index)=>{ ulList.innerHTML += `${list}` }); console.log(ulList); document.body.appendChild(ulList); }); createElement 해서 생성만 한다. .innerHTML, 즉 저 Element의 html태그 안쪽에 저것들을 넣는다. 저 .map(list, index)는 반복문이라고 보면 편함. index가 번호..

const move = (e) => { divBox.style.left = `${e.clientX - offsetX}px`; divBox.style.top = `${e.clientY - offsetY}px`; } 보통 1회용으로 쓸 때 씀 let offsetX, offsetY; const move = (e) => { divBox.style.left = `${e.clientX - offsetX}px`; divBox.style.top = `${e.clientY - offsetY}px`; } divBox.addEventListener('mousedown', (e) => { offsetX = e.clientX - divBox.offsetLeft; offsetY = e.clientY - divBox.offsetT..

document.querySelector('클래스명'); '' 까지 해야 함 저렇게 해서 접근 가능함. style 다룰려면 변수이름.style.backgroundColor = 'blue'; 이런 식으로 하면 됨. 버튼의 경우 btn.addEventListener('click', function(){ divBox.style.backgroundColor = 'blue'; }); 이런 식으로 이벤트 추가 가능