js zur Realisierung eines einfachen Werbefensters

<Stil>
        .Kasten {
            Breite: 180px;
            Höhe: 180px;
            Hintergrund: #f0f0f0;
            Position: absolut;
        }
 
        .X {
            Breite: 30px;
            Höhe: 30px;
            Hintergrund: #eaeaea;
            Farbe: Schamottstein;
            Textausrichtung: zentriert;
            Zeilenhöhe: 30px;
        }
</Stil>

<div Klasse="Box">
        <div Klasse="X">X</div>
</div>

<Skript>
        //Knoten abrufen let boxObj = document.querySelector('.box');
        let xObj = document.querySelector('.X');
 
        //Position der Box abrufen let boxLeft = boxObj.offsetLeft;
        let boxTop = boxObj.offsetTop;
        // X binden
 
        xObj.onclick = clickFn;
        xObj.onmouseover = overFn;
 
        //Maus hinein bewegen und zur Handform wechselnfunction overFn() {
            xObj.style.cursor = "Zeiger";
        }
        sei num=0;
        //Wenn die Maus auf X klickt, wird das Fenster nicht geschlossen, sondern springt an eine andere zufällige Position. Funktion clickFn() {
            boxObj.style.left = boxLeft + rand(1, 1000) + 'px';
            boxObj.style.top = boxTop + rand(1, 500) + 'px';
            Zahl++;
            wenn(num==20){
                boxObj.style.display='keine';
            }
        }
        //Zufallszahlenfunktion rand(min, max) {
            gibt Math.round(Math.random() * (max - min) + min) zurück;
        }
</Skript>