Tag der #daysofMiva Challenge.

Tag 1 der 100-Tage-Challenge

Datum: 21.08.2024

Ziel:Variablen, logische Operationen und Datentypen in JavaScript lernen und verstehen, ein mathematisches Problem mit JavaScript lösen und sich mit Ereignis-Listenern und bedingten Anweisungen vertraut machen.

1. Einführung in JavaScript-Variablen

Heute habe ich meine Reise in JavaScript begonnen, indem ich etwas über Variablen gelernt habe. Eine Variable in JavaScript ist wie ein Container, der Daten enthält, bei denen es sich um eine Zahl, einen Text oder einen anderen Werttyp handeln kann. Ich habe gelernt, wie man eine Variable mit den Schlüsselwörtern let, const und var deklariert.

• Mit let können Sie eine Variable erstellen, die sich später ändern kann.
• const erstellt eine Variable, die nicht neu zugewiesen werden kann.
• var ist eine ältere Methode zum Deklarieren von Variablen, wird aber immer noch verwendet.

---

2. Logische Operationen und Datentypen verstehen

Als nächstes habe ich logische Operationen untersucht, die zum Treffen von Entscheidungen in JavaScript verwendet werden. Ich habe etwas über die grundlegenden logischen Operatoren gelernt:

Ich habe auch etwas über verschiedene Datentypen gelernt, wie zum Beispiel:

3. Lösen eines mathematischen Problems mit JavaScript

Ich habe mein Wissen über Variablen und Datentypen angewendet, um ein einfaches mathematisches Problem zu lösen. Das Problem bestand darin, die Fläche eines Rechtecks ​​anhand seiner Breite und Höhe zu berechnen.

4. Einführung in Event-Listener

Im weiteren Verlauf begann ich, etwas über Event-Listener zu lernen. Ein Ereignis-Listener ist eine Funktion, die auf das Eintreten eines bestimmten Ereignisses wartet, beispielsweise auf das Klicken eines Benutzers auf eine Schaltfläche, und dann eine Aktion auslöst.

In einfachen Worten:
Ereignis-Listener ermöglichen es JavaScript, auf Benutzeraktionen auf einer Webseite zu reagieren, z. B. auf das Klicken auf eine Schaltfläche, die Eingabe eines Textfelds oder das Bewegen des Mauszeigers über ein Element.

Wenn nicht, klicken Sie auf

Wenn darauf geklickt wird, werden Ladedaten angezeigt. Am Ende wird dann „Über Rückruf geladene Daten“ angezeigt.

Dies ist die Arbeit eines Event-Listeners in Javascript

5. Bedingte Anweisungen verstehen

Ich habe auch etwas über bedingte Anweisungen gelernt, die es mir ermöglichen, Entscheidungen in meinem Code zu treffen. Eine bedingte Anweisung prüft, ob eine Bedingung wahr oder falsch ist, und führt dann basierend auf dem Ergebnis einen Codeblock aus.

6 While-Schleifen und For-Schleifen in JavaScript verstehen

While-Schleife:
Eine While-Schleife in JavaScript führt einen Codeblock so lange aus, wie eine bestimmte Bedingung wahr ist. Ich habe mich sehr bemüht, dieses Konzept zu begreifen, indem ich es mir so vorstellte, als würde jemand wiederholt eine Frage stellen, bis er die richtige Antwort bekam.

Einfache Definition:
Eine While-Schleife läuft weiter, solange eine bestimmte Bedingung erfüllt bleibt.

Beispiel:

let number = 1;

while (number <= 5) {
    console.log(number);
    number++;
}

In diesem Beispiel beginnt die Schleife mit Zahl = 1 und läuft weiter, wenn Zahl kleiner oder gleich 5 ist. Sie gibt den Wert von Zahl aus und erhöht ihn dann jedes Mal um 1.

For-Schleife:
Eine for-Schleife ähnelt einer while-Schleife, ist jedoch normalerweise prägnanter und einfacher zu schreiben, wenn Sie wissen, wie oft Sie die Schleife ausführen möchten.

Einfache Definition:
Eine for-Schleife wiederholt einen Codeblock eine bestimmte Anzahl von Malen.

Beispiel:

for (let i = 1; i <= 5; i++) {
    console.log(i);
}

In dieser for-Schleife beginnt i bei 1 und erhöht sich nach jeder Schleife um 1, bis sie 5 erreicht. Die Schleife läuft 5 Mal, genau wie die while-Schleife.

Unterschied zwischen While- und For-Schleifen:

• While-Schleife: Am besten, wenn Sie nicht wissen, wie oft die Schleife ausgeführt werden soll, Sie aber eine Bedingung überprüfen müssen.
• For-Schleife: Am besten, wenn Sie genau wissen, wie oft die Schleife ausgeführt werden soll.

Szenario:
Stellen Sie sich vor, Sie werfen eine Münze. Sie möchten weiterdrehen, bis Sie Köpfe bekommen. Da Sie nicht wissen, wie viele Umdrehungen nötig sind, verwenden Sie eine While-Schleife, um so lange umzudrehen, bis Sie Kopf bekommen.

Wenn Sie nun die Münze genau fünf Mal werfen möchten, verwenden Sie eine for-Schleife, da Sie wissen, dass Sie unabhängig vom Ergebnis genau fünf Würfe benötigen.

Zusammenfassung:

• While-Schleife: Fälscht weiter, bis Kopf entsteht.
• For-Schleife:Wirft die Münze genau fünfmal.

Schleifen zu verstehen war etwas mühsam, aber diese Übung hat mir geholfen zu erkennen, wie nützlich sie bei der effizienten Wiederholung von Aufgaben in meinem Code sind.

Meine Erfahrung

Ich war so frustriert und gestresst. Es ging mir so auf die Nerven, dass ich fast das Gefühl hatte, meinen PC kaputtzumachen. Es war einfach so überwältigend! Können Sie mir bitte helfen, herauszufinden, wo alles schief gelaufen ist? ....?‍♂️?‍♂️?‍♂️?‍♂️, ich musste mich mit so vielen Fehlern auseinandersetzen, und das Debuggen hat meinen Stress nur noch erhöht. Aber ich beschloss, eine Pause einzulegen, meine Gedanken neu zu denken und schließlich das Problem herauszufinden. Ich sagte mir immer wieder, dass ich die beste Version von mir selbst sein könnte, egal was passiert.

Aber Javascript...????

Abschluss

Tag 1 war produktiv, da ich eine solide Grundlage in JavaScript gelegt habe, indem ich etwas über Variablen, logische Operationen, Datentypen und bedingte Anweisungen gelernt habe. Ich begann auch zu untersuchen, wie JavaScript über Ereignis-Listener mit Benutzeraktionen interagiert. Ich freue mich darauf, diese Reise fortzusetzen und mein Verständnis von JavaScript in Zukunft zu vertiefen.

Bitte liken, teilen, abonnieren und folgen Sie uns, um mehr zu erfahren, und kommentieren Sie auch, welches Getränk ich für diesen Javascript-Hamburger nehmen sollte ... lol???

Das obige ist der detaillierte Inhalt vonTag der #daysofMiva Challenge.. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!