JSは星を消すケースを実現する

 * {
        マージン: 0;
        パディング: 0;
        ボックスのサイズ: 境界線ボックス;
    }
 
    div {
        位置: 相対的;
        幅: 1000ピクセル;
        高さ: 500px;
        マージン: 100px 自動;
        背景色: 黒;
    }
</スタイル>
 
<本文>
    <div>
 
    </div>

var div = document.querySelector('div');//divボックスを取得する function creatImg(num) {
            for (var i = 0; i < num; i++) { // 星をランダムに生成します var imgs = document.createElement('img'); // img タグを作成します imgs.style.position = 'absolute'; // 星の画像に絶対位置を追加します var width = Math.floor(Math.random() * (50 - 10 + 1) + 10);
                var height = width; // 幅と高さをランダムに生成します。星の幅と高さは一定です。 var top = Math.floor(Math.random() * (450 - 0 + 1) + 0);
                var left = Math.floor(Math.random() * (950 - 0 + 1) + 0);
 
                //星の幅、高さ、左、上の値をランダムに生成されたものに変更します。imgs.style.width = width + 'px';
                imgs.style.height = 高さ + 'px';
                imgs.style.left = 左 + 'px';
                imgs.style.top = top + 'px';
 
                //星の画像へのリンクをimgタグに追加します。imgs.src = 'images/xingxing.gif';
            
                // 作成した img タグを div ボックスに追加します div.appendChild(imgs);
            }
        }

creatImg(5); //関数を呼び出して5つの星を生成します setInterval(function () { //1秒ごとにコードを実行します var img = document.querySelectorAll('img'); //星の画像を取得します //各星にクリックイベントを追加します for (var i = 0; i < img.length; i++) {
                img[i].addEventListener('click', 関数() {
                    //クリック後にクリックした画像を削除する
                    div.removeChild(これ);
                })
            }
            画像を作成します(1);
        }, 1000);