Da keiner auf dein Problem eingeht.
Wenn ich jetzt auf den Button klicke kommt gleich die 10. Ist ja klar, weil die for-schleife nicht abgebrochen werden kann.
richtig erkannt.
Wie kann ich es dennoch schaffen, immer bei einem klick eins zu erhöhen, bzw. mit welcher Schleife?
Du kannst hier gar keine Schleife verwenden, sondern musst mit timeouts arbeiten. Das liegt an der Besonderheit in den Browsern, dass diese in einem JS nicht automatisch die Anzeige aktualisieren, du musst also die Skritpausführung unterbrechen um eine Aktualiserung zu erzwingen.
Wie so ein Ablauf aussehen kann, kannst du z.b. in diesem Artikel sehen.
Struppi.