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.

Answer 1

[regex9]

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;
}

Comments

[NetterSchueler]

Danke, aber wofür steht das your Rectangle?

[regex9]

@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.

[NetterSchueler]

Oder besser gesagt, was soll ich verändern?