JavaScript 랜덤한 위치에 dom요소 생성
2022. 7. 17.
DOM요소를 랜덤한 위치에 생성하는 방법을 알아보자. 우선 js 로 html을 조작하기 위해서는 해당 html을 특정하는 변수가 필요하다. 위 section 내부 랜덤한 위치에 div를 생성한다고 가정하여 보자. const field = document.querySelector('.field'); 우선 첫번째로 field를 골라 변수에 담아둔다. const fieldRect = field.getBoundingClientRect(); dom요소의 전반적 위치와 크기 등의 필요한 정보는 getBoundingClientRect() 를 이용하면 구 할 수 있다. const newDiv = document.createElement('div'); newDiv.style.width = `${30}px`; newDiv..
