Wie kann man einen Cookie Clicker programmieren HTML?
Hallo!
ich habe eine Aufgabe bekommen in der ich einen Cookie Clicker programmieren soll. Das habe ich geschafft, aber jetzt soll er sich alle 3 Sekunden bewegen und wenn man 10 Punkte hat hat man gewonnen.
1 Antwort
Vom Beitragsersteller als hilfreich ausgezeichnet
Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer
Computer, HTML, programmieren
In JavaScript kann man Funktionen in bestimmten Zeitintervallen ausführen lassen. Je Intervall könntest du die Position deines Objekts, welches du bewegen möchtest, ändern. Dafür könnte zum Beispiel eine Zufallszahl generiert werden.
HTML:
<div id="rect"></div>
JavaScript:
const yourRectangle = document.getElementById("rect");
setInterval(() => {
yourRectangle.style.left = (Math.floor(Math.random() * 100)) + "px";
yourRectangle.style.top = (Math.floor(Math.random() * 100)) + "px";
}, 3000);
CSS:
#rect {
background:red;
height: 20px;
left: 0;
position: absolute;
top: 0;
width: 20px;
}
regex9
30.04.2021, 16:38
@NetterSchueler
In dem Beispiel ist es das Element auf der Seite, welches sich bewegt.
Bau dir das Beispiel nach, probiere es aus. Danach kannst du es für deinen Fall adaptieren.
Danke, aber wofür steht das your Rectangle?