Tag der #daysofMiva Challenge.

王林
Freigeben: 2024-08-21 09:06:02
Original
780 Leute haben es durchsucht

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.

Day f the #daysofMiva Challenge.

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:

Day f the #daysofMiva Challenge.

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.

Day f the #daysofMiva Challenge.

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.

Day f the #daysofMiva Challenge.

Wenn nicht, klicken Sie auf

Day f the #daysofMiva Challenge.

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

Day f the #daysofMiva Challenge.

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.

Day f the #daysofMiva Challenge.

Day f the #daysofMiva Challenge.

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++;
}
Nach dem Login kopieren

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);
}
Nach dem Login kopieren

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.

Day f the #daysofMiva Challenge.

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

Day f the #daysofMiva Challenge.

Day f the #daysofMiva Challenge.

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.

Day f the #daysofMiva Challenge.

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!

Quelle:dev.to
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!