Wie kann man auf einem Bildschirm ein Div zufällig an einer Stelle erscheinen lassen?

Antwort

Um ein `div` zufällig an einer Stelle auf einem Bildschirm erscheinen zu lassen, kannst du JavaScript verwenden, um die Position des `div` dynamisch zu ändern. Hier ist ein einfaches Beispiel: ```html <!DOCTYPE html> <html lang="de"> <head> <meta charset="UTF-8"> <meta name="" content="width=device-width, initial-scale=1.0"> <title>Zufällige Position</title> <style> #meinDiv { width: 100px; height: 100px; background-color: red; position: absolute; } </style> </head> <body> <div id="meinDiv"></div> <button onclick="zeigeZufallsPosition()">Zufällige Position</button> <script> function zeigeZufallsPosition() { const div = document.getElementById('meinDiv'); const x = Math.random() * (window.innerWidth - div.offsetWidth); const y = Math.random() * (window.innerHeight - div.offsetHeight); div.style.left = `${x}px`; div.style.top = `${y}px`; } </script> </body> </html> ``` In diesem Beispiel wird ein rotes `div` erstellt, das durch Klicken auf einen Button an einer zufälligen Position auf dem Bildschirm erscheint. Die Position wird durch die Berechnung von zufälligen `x`- und `y`-Koordinaten innerhalb der Grenzen des Fensters bestimmt.

Frage stellen und sofort Antwort erhalten

Verwandte Fragen

Wie kann ich in JavaScript nach 5 Sekunden umleiten?

Um in JavaScript nach Sekunden auf eine neue Seite umzuleiten, kannst du die `setTimeout`-Funktion verwenden. Hier ist ein einfaches Beispiel: ```javascript setTimeout(function() { window.locati... [mehr]

Wie kann ich mit JavaScript einen Code erstellen, bei dem ich, sobald ich angeschossen werde, in die entgegengesetzte Richtung fahre?

Um in JavaScript einen Code zu erstellen, der bewirkt, dass ein Objekt in die entgegengesetzte Richtung fährt, wenn es "angeschossen" wird, kannst du ein einfaches Beispiel mit einer HT... [mehr]