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