LoginSignup
0
0

More than 3 years have passed since last update.

JS~ハートが可愛く回るよ♥④~

Posted at

今回は、可愛く回ったハートを百個まで増やしたいと思います!!
自分で百個まで作るのはしんどいので、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まで繰り返されるといった感じになります!
ちなみにブラウザ上ではこうなります!

スクリーンショット 2021-04-02 16.56.23.png

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0