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 Loop : Idéal lorsque vous ne savez pas combien de fois la boucle doit s'exécuter, mais que vous avez une condition à vérifier.
• For Loop : Idéal lorsque vous savez exactement combien de fois la boucle doit être exécutée.

Scénario :
Imaginez que vous lancez une pièce de monnaie. Vous voulez continuer à retourner jusqu'à ce que vous obteniez face. Puisque vous ne savez pas combien de retournements cela prendra, vous utiliserez une boucle while pour continuer à retourner jusqu'à ce que vous obteniez face.

Maintenant, si vous voulez lancer la pièce exactement 5 fois, vous utiliserez une boucle for car vous savez que vous avez besoin d'exactement 5 lancers, quel que soit le résultat.

En résumé :

• While Loop :Continue de retourner jusqu'à ce que vous obteniez face.
• For Loop : Lance la pièce exactement 5 fois.

Comprendre les boucles a demandé un certain effort, mais cet exercice m'a aidé à voir à quel point elles sont utiles pour répéter efficacement des tâches dans mon code.

Mon expérience

J'étais tellement frustré et stressé. Cela m'énervait vraiment, au point que j'avais presque envie de casser mon PC. C'était tellement écrasant ! Pouvez-vous s'il vous plaît m'aider à comprendre où tout s'est mal passé ?...?‍♂️?‍♂️?‍♂️?‍♂️, j'ai dû faire face à tant de bugs, et le débogage ne faisait qu'ajouter à mon stress. Mais j’ai décidé de faire une pause, de changer d’avis et j’ai finalement compris le problème. Je n'arrêtais pas de me dire que je pouvais être la meilleure version de moi-même, quoi qu'il arrive.

Mais javascript...????

Conclusion

Le premier jour a été productif car j'ai posé des bases solides en JavaScript en découvrant les variables, les opérations logiques, les types de données et les instructions conditionnelles. J'ai également commencé à explorer la manière dont JavaScript interagit avec les actions des utilisateurs via des écouteurs d'événements. Je suis ravi de continuer ce voyage et d'approfondir ma compréhension de JavaScript à l'avenir.

Veuillez aimer, partager, vous abonner et suivre pour en savoir plus, et également commenter quelle boisson je devrais prendre pour ce hamburger javascript... mdr ???

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!