CodePen Embed - 요소 제어

<div></div>
<button>Make me MORE!</button>

div {
  width: 10px;
  height: 10px;
  margin-bottom: 3px;
  background-color: yellowgreen;
}

const myBtn = document.querySelector("button");
const myUl = document.querySelector("div");

myBtn.addEventListener('click', function(){
  for(let i=0; i < 3; i++){
    const myDiv = document.createElement('div');
    myUl.appendChild(myDiv);
  }
})

This Pen is owned by plutoin on CodePen.

See more by @plutoin on CodePen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.