シンプルな広告ウィンドウを実現するjs

<スタイル>
        。箱 {
            幅: 180ピクセル;
            高さ: 180ピクセル;
            背景: #f0f0f0;
            位置: 絶対;
        }
 
        .X {
            幅: 30ピクセル;
            高さ: 30px;
            背景: #eaeaea;
            色: 耐火レンガ;
            テキスト配置: 中央;
            行の高さ: 30px;
        }
</スタイル>

<div class="box">
        <div class="X">X</div>
</div>

<スクリプト>
        //ノードを取得します。let boxObj = document.querySelector('.box');
        xObj = document.querySelector('.X'); とします。
 
        //ボックスの位置を取得します。let boxLeft = boxObj.offsetLeft;
        boxTop を boxObj.offsetTop とします。
        // バインドX
 
        xObj.onclick = clickFn;
        xObj.onmouseover = overFn;
 
        //マウスを動かして手の形に変更するfunction overFn() {
            xObj.style.cursor = 'ポインタ';
        }
        num=0 とします。
        //マウスがXをクリックすると、ウィンドウはキャンセルされずに別のランダムな位置にジャンプします。 function clickFn() {
            boxObj.style.left = boxLeft + rand(1, 1000) + 'px';
            boxObj.style.top = boxTop + rand(1, 500) + 'px';
            数値++;
            if(数値==20){
                boxObj.style.display='なし';
            }
        }
        //乱数関数 rand(min, max) {
            Math.round(Math.random() * (max - min) + min) を返します。
        }
</スクリプト>