Erstelle eine Stoppuhr mit JavaScript - JavaScript Tutorial für Anfänger - Deutsch

Eine Stoppuhr mit JavaScript zu programmieren, ist ein ideales Projekt für all jene, die mit den Grundlagen von JavaScript vertraut sind und nach einer kleinen Herausforderung suchen. Es ist ein relativ simples Vorhaben und trotzdem kann man eine Menge dabei lernen. In diesem Video zeige ich dir Schritt für Schritt, wie man ein solches Projekt umsetzt.

00:00 Projektübersicht
00:28 Struktur der Stoppuhr mit HTML
01:50 Gestaltung der Elemente mit CSS
03:25 Implementierung der Funktionalität mit JavaScript

Thumbnail-Quellen:
clock
Von Alex Kwa
The Noun Project

[DevPlanetGermany]

Wichtiger Hinweis: Im Video werden für die Anzeige der Millisekunden Nullen an die eigentlichen Millisekunden angehängt und dann die ersten 3 Zeichen vom Ergebnis für die Anzeige verwendet. Das ist natürlich falsch - die Nullen müssen vorangestellt und die letzten 3 Zeichen für die Anzeige verwendet werden.
Um den richtigen Code zu erhalten, ersetzt ihr die Zeile

millisekunden = (millisekunden + "000").slice(0, 3);

durch

millisekunden = "000" + millisekunden;
millisekunden = - 3);

Den korrekten Code findet ihr natürlich auch im GitHub-Link in der Beschreibung. Bitte entschuldigt die Unannehmlichkeiten!

[Against.Lies.]

Deine Videos sind wirklich klasse...💪 Bin dank dir gut vorbereitet in ein Bootcamp gestartet. THX👏👍

[funkyblox]

bei mir sind die buttons von dem stoppuhr senkrecht gestappelt! warum?

[philippmp]

So ein gutes Video,
Schade das es so wenig Reichweite hat

[meilosmeilo]

Gutes Video, war gut zu verstehen, musste aber öfter mal stoppen, da das alles etwas schnell ging.

[nhca]

Hallo. Ich bin Anfänger und habe mit jeder Möglichkeit ein Bild durch ein Button Click anzeigen zu lassen, aber es geht nicht. Kannst du ein Video dazu machen? Hab dein Kanal bereit aboniert

[fettfingeriv]

gutes Tutorial an sich. Aber sind wir mal ganz ehrlich, für nen Anfänger geht das viel zu schnell... Ich musste so oft Pause drücken und zurück spulen, dass es nicht mehr feierlich ist xD aber es hat trotzdem geklappt :D danke

[dingsda]

Bei mir zeigt er die gestoppte zeit nicht an, bitte hilf mir!

[myytkn]

Puuh JS ist so umfangreich mit Videos angucken wird es nix. Ich brauche 1:1 Coach damit ich auch vor Ort Fragen stellen kann.😏

[gencbeka]

Bei mir hat es Anfangs nicht so ganz geklappt aber als ich
Bei
function aktualisiereAnzeige (){
UNTEN : zeitanzeige.innerHTML benutzt habe hat es geklappt
} ...

Danke für das tolle Tutorial 😉