JS~하트가 귀엽게 돌아요♥④~

이번에는, 귀엽게 돌린 하트를 백개까지 늘리고 싶습니다! !
스스로 백 개까지 만드는 것은 힘들기 때문에 for 문을 사용해 갑시다 👌

index.html
for (let i = 0; i < 1000 ; i ++) {
    const div = document.createElement('div');
    div.classList.add('heart');
    div.addEventListener('click', () => {
      div .classList.toggle('circle');
    });

    document.body.appendChild(div);
  }


i는 카운터와 같은 역할을 담당하고 있습니다 👍
이번 경우, 값이 0에서 999까지 반복된다는 느낌이 듭니다!
덧붙여서 브라우저상에서는 이렇게 됩니다!

좋은 웹페이지 즐겨찾기