Grundlagen der JavaScript-Programmierung | Laurence Svekis | Skillshare

Playback-Geschwindigkeit


  • 0.5x
  • 1x (normal)
  • 1.25x
  • 1.5x
  • 2x

Grundlagen der JavaScript-Programmierung

teacher avatar Laurence Svekis, Best Selling Course Instructor

Schau dir diesen Kurs und Tausende anderer Kurse an

Erhalte unbegrenzten Zugang zu jedem Kurs
Lerne von Branchenführern, Ikonen und erfahrenen Experten
Eine Vielzahl von Themen, wie Illustration, Design, Fotografie, Animation und mehr

Schau dir diesen Kurs und Tausende anderer Kurse an

Erhalte unbegrenzten Zugang zu jedem Kurs
Lerne von Branchenführern, Ikonen und erfahrenen Experten
Eine Vielzahl von Themen, wie Illustration, Design, Fotografie, Animation und mehr

Einheiten dieses Kurses

12 Einheiten (1 Std. 12 Min.)
    • 1. Promotions-Video

      1:17
    • 2. 1 JavaScript Grundlagen Einführung

      4:41
    • 3. 2 JavaScript Grundlagen Intro

      3:28
    • 4. 3 So fügen Sie JavaScript auf deiner Webseite hinzu

      8:14
    • 5. 4 JavaScript Grundlagen ausgeben Inhalt

      4:22
    • 6. 5 JavaScript-Grundlagen das Document

      8:01
    • 7. 6 JavaScript Grundsätze und Operatoren

      5:19
    • 8. 7 JavaScript-Grundlagen

      11:08
    • 9. 9 JavaScript Grundlagen DOM Ausgabe

      3:31
    • 10. 10 JavaScript Grundsätze

      8:20
    • 11. 11 JavaScript-Grundlagen

      8:14
    • 12. 12 JavaScript Grundlagen Schleifen

      5:32
  • --
  • Anfänger-Niveau
  • Fortgeschrittenes Niveau
  • Fortgeschrittenes Niveau
  • Alle Niveaus

Von der Community generiert

Das Niveau wird anhand der mehrheitlichen Meinung der Teilnehmer:innen bestimmt, die diesen Kurs bewertet haben. Bis das Feedback von mindestens 5 Teilnehmer:innen eingegangen ist, wird die Empfehlung der Kursleiter:innen angezeigt.

195

Teilnehmer:innen

--

Projekte

Über diesen Kurs

Grundlagen der JavaScript-Programmierung

JavaScript in weniger als 1 Stunde erfahren Kernkonzepte und Grundlagen von JavaScript

Lerne die wichtigsten Grundbegriffe von JavaScript kennen.

Kurs für Anfänger, die mehr über JavaScript erfahren möchten

JavaScript in weniger als einer Stunde erfahren und alle Quelldateien sind enthalten.

Erfahren Sie, wie Sie JavaScript in Ihre Webseiten einfügen


So wenden Sie sich JavaScriptAccess the DOM

JavaScriptAccess und interagieren mit
DOM und
operatorsFunctions und wie man sie
use mit arraysAdd Sie Logik mit Bedingungen

arraysAdd zur save ist ein wesentlicher Bestandteil jeder Webseite, der Benutzer erwartet mehr von Ihren Webinhalten JavaScript bietet die nächste Stufe der Web-Interaktion.

Entwickle mit diesen Kernkonzepten ein solides Verständnis von JavaScript und verbessere in die weitere JavaScript

Erfahren Sie JavaScript Schritt für Schritt und Schritt Anleitung zum Verständnis was und wie man JavaScript verwendet.

Triff deine:n Kursleiter:in

Teacher Profile Image

Laurence Svekis

Best Selling Course Instructor

Kursleiter:in

Web Design and Web Development Course Author - Teaching over 1,000,000 students Globally both in person and online.    Google Developer Expert since 2020 GDE

I'm here to help you learn, achieve your dreams, come join me on this amazing adventure today
Google Developers Expert - GSuite

Providing Web development courses and digital marketing strategy courses since 2002.

Innovative technology expert with a wide range of real world experience. Providing Smart digital solutions online for both small and enterprise level businesses.

"I have a passion for anything digital technology related, enjoy programming and the challenge of developing successful digital experiences. As an experienced developer, I create... Vollständiges Profil ansehen

Kursbewertungen

Erwartungen erfüllt?
    Voll und ganz!
  • 0%
  • Ja
  • 0%
  • Teils teils
  • 0%
  • Eher nicht
  • 0%
Bewertungsarchiv

Im Oktober 2018 haben wir unser Bewertungssystem aktualisiert, um das Verfahren unserer Feedback-Erhebung zu verbessern. Nachfolgend die Bewertungen, die vor diesem Update verfasst wurden.

Warum lohnt sich eine Mitgliedschaft bei Skillshare?

Nimm an prämierten Skillshare Original-Kursen teil

Jeder Kurs setzt sich aus kurzen Einheiten und praktischen Übungsprojekten zusammen

Mit deiner Mitgliedschaft unterstützt du die Kursleiter:innen bei Skillshare

Lerne von überall aus

Ob auf dem Weg zur Arbeit, zur Uni oder im Flieger - streame oder lade Kurse herunter mit der Skillshare-App und lerne, wo auch immer du möchtest.

Transkripte

1. Promotions-Video: JavaScript ist eine wirklich spannende Sprache , mit der Sie dynamische, interaktive Inhalte erstellen können , um es Ihren Webbesuchern anzuzeigen und wirklich zu beschleunigen, dass Web-Benutzer Erfahrung in Ihrem Web. Ich bin seit über 15 Jahren Webentwickler, und ich werde Sie durch die schlechten Konzepte des Java-Skripts führen, die grundlegenden entsprechenden Konstrukte, die Sie verwenden können, um JavaScript zu melden. Ich zeige Ihnen, wie Sie JavaScript hinzufügen. Wie Zehe heraus, Fußinhalte für den Benutzer in der Lage sein, diese Inhalte direkt aus JavaScript zu sehen, wie Sie dynamisch auf Inhalte Punkte in Ihrem HTML-Code zugreifen und sogar manipuliert und ändern, damit Ihre Benutzer in der Lage sein können. Sie werden auch diese vier Konzepte grundlegende Konzepte von JavaScript wie Variablen, Operatoren, Funktion, Funktion, Sturm eine Erhöhung, Bedingungen, Schleifen und dann alles zusammen. Alles funktioniert effektiv zusammen, um wirklich einen zu bauen. Dieser Kurs ist für Anfänger von Javascript konzipiert. Man hat diese grundlegenden Konzepte wirklich gelernt. Wenn Sie bereit sind, in Javascript einzutauchen und zu sehen, was es für Ihre Webinhalte tun kann, beginnen wir, JavaScript zu lernen 2. 1 JavaScript Grundlagen Einführung: Hi. Mein Name ist Lawrence, und ich bin Webentwickler und ich werde Sie durch die Grundlagen von JavaScript führen. Ich habe diesen Kurs eingerichtet, um Ihnen zu helfen, all die wirklich coolen Dinge zu lernen, die Sie mit JavaScript machen können . Jetzt ist JavaScript relativ einfach zu erlernen. Und nur ein paar dieser Grundlagen zu verstehen, die ich in diesem Kurs übergehen werde kann Ihnen wirklich helfen, etwas über JavaScript zu erfahren. JavaScript ermöglicht es Ihnen, eine dynamische Interaktion innerhalb Ihrer Web-Inhalte und Interaktion mit Ihren Benutzern zu haben. Und wenn ich dynamische Interaktion sage, meine ich, dass Sie die Möglichkeit haben, einige Berechnungen durchzuführen, Logik anzuwenden und sogar Ihren HTML-Code nur mit JavaScript zu aktualisieren. Und dies bietet eine ganze Menge mehr Funktionalität und eine bessere Benutzererfahrung für Benutzer die auf Ihre Webseite kommen. Sie haben auch die Fähigkeit Toe, haben Benutzer, Trigger-Ereignisse und Trigger-Interaktionen. So erhalten Sie nicht nur die angezeigten Informationen zurück an den Benutzer, Sie haben eine ganze Möglichkeit, auf Inhalte zuzugreifen, sie zu aktualisieren und wirklich diese erstaunliche, fantastische interaktive Erfahrung zu bieten , nur mit einigen einfachen Javascript und Anwendung Ihre Web-Seiten. Also habe ich diesen Kurs eingerichtet, um Ihnen wirklich zu helfen, die Grundlagen von JavaScript zu verstehen. Jetzt werde ich einige der Grundlagen darüber, wie Sie JavaScript auf Ihrer Webseite hinzufügen . Es gibt also viele verschiedene Möglichkeiten, dies zu tun. Wir können es auf Seite Schwächen tun, verknüpft mit einer Skriptdatei. Also werde ich Ihnen zeigen, wie man das macht. Fügen Sie JavaScript auf Ihrer Webseite hinzu. Ich werde auch übergehen, wie man Inhalte innerhalb Ihrer Webseite ausgibt und JavaScript verwendet , um tatsächlich Ausgabeinhalte und interaktive Inhalte dem Benutzer anzuzeigen . Wir werden auch auf die Morgendämmerung schauen. Der Dom ist also eines jener Dinge, die wirklich eine Menge Informationen liefert. Und all diese Informationen sind über Javascript zugänglich. Also hier haben wir gerade eine Probe von all den verschiedenen Ereignissen, die im Dom verfügbar sind und all diesen verschiedenen Dingen, mit denen Sie mit dem Code Ihres HTML-Codes interagieren können, indem Sie einfach auf die Morgendämmerung zugreifen und damit interagieren. Es gibt also eine ganze Menge, die Sie damit machen können. Außerdem werden wir Ihnen darüber erzählen, wie Sie Variablen verwenden, da Variablen eine dieser grundlegenden Teile von JavaScript sind und Variablen verstehen und wie man Variablen manipuliert und mit Variablen interagiert Dynamische JavaScript-Funktionen. Eso Und es ist nur ein wirklich einfaches Konzept, um Inhalte zu speichern. Wir werden Ihnen zeigen, wie man das macht. Auch die Arbeit mit Funktionen, so funktioniert ein weiteres Kernkonzept von JavaScript und bietet wirklich einige wirklich coole Funktionen. Und dann, natürlich, Blick auf den Dom. Also, was? Die Morgendämmerung bietet in JavaScript, auch Blick auf eine Erhöhung. So erhöhen Sie die Luft wirklich cool in JavaScript, weil sie Ihnen die Möglichkeit geben, mehrere Teile von Inhalten zu halten . Dann schauen wir uns die Bedingungen an. Bedingungen helfen Ihnen also wirklich, diese Logik in Ihr JavaScript anzuwenden und eine Art von Antwort bereitzustellen . Nach dieser Logik sparen Sie auch, auch, Loops betrachten, wenn SieLoops betrachten, Salutes Zeit und verwenden Sie alle diese Funktionen zusammen, wie Funktionen, eine Erhöhung, Bedingungen und Schleifen können wirklich beschleunigen, was Sie mit Javascript tun können. Also werde ich all das durchgehen und den Quellcode einschließen, den ich während dieses Kurses verwenden werde. Ich kann Ihnen auch sagen, wie Sie Klammern einrichten und diese als Editor verwenden und sogar zum Code Stift Toe gehen , auf die Dateien live online zugreifen und in der Lage sein, sie zu manipulieren und JavaScript zu üben. Also all dies und mehr mit regelmäßigen Updates, und ich bin auf einer regelmäßigen Basis online und bereit, alle Fragen zu beantworten, die Sie haben können. Also, wenn Sie bereit sind, fangen wir an, JavaScript zu lernen. 3. 2 JavaScript Grundlagen Intro: Willkommen bei unseren Jobs. Strip Einführungskurs innerhalb dieses Kurses, werden wir über, wie Sie JavaScript jetzt mit JavaScript verwenden und ermöglicht es Ihnen, dynamische Funktionalität auf Ihrer Webseite stolz zu sein. Es ermöglicht Ihnen, Interaktion und eine ganze Menge wirklich coole Sachen zu erstellen, die Sie mit JavaScript tun können . Sie können alles aus Spielen erstellen, die Sie durch Formulare untersuchen und sogar Inhalte in Ihrem HTML manipulieren können. Manipulieren Sie Ihr CSS. Und wirklich, es gibt eine ganze Reihe von Sachen, die Sie mit JavaScript machen können. Jetzt eines der wichtigsten Dinge mit JavaScript das Verständnis der Grundlagen. Wir werden also alle grundlegenden Fundament-Syntax durchlaufen, die Sie kennen müssen um JavaScript in Ihren Webseiten aufzubauen. Ich werde einen Editor namens Klammern verwenden. Dies ist also ein Open-Source-Download-Editor s. So ist es kostenlos zum Download. Es wird von Adobe zur Verfügung gestellt, und das werde ich während des Kurses verwenden. Es ist also nur in Klammern dot io verfügbar, und Sie können es herunterladen, wenn Sie nicht bereits Ihren Lieblingseditor haben, Sie eso verwenden wollten. Dies ist eine von Adobe zur Verfügung gestellt und so sieht es aus. Eso da? Natürlich gibt es ein paar verschiedene Dinge, die du tun könntest. Sie können die Hintergrundfarben ändern und sie so gestalten, wie Sie möchten. Dies ist also ein wirklich guter Editor, um JavaScript in zu erstellen. Es hat alle eingebauten Funktionen in JavaScript und wie ich werde Ihnen zeigen, wie wir durch den Kurs arbeiten. Also, um zu beginnen und wir werden in diesem wirklich schnell zu springen, werden wir durch einige der Kern-Syntax-Kehle laufen, all die verschiedenen Lektionen während dieses Kurses und beginnen mit nur einer leeren HTML-Seite . Also das ist nur eine wirklich leere leere HTML-Seite eso wir haben unsere Öffnung doc Typ I Öffnen html Kopf schließen Kopf. Wir haben einen Titel da drin, damit wir sehen können, dass sich hier oben der Körper schließt. Und dann werden wir hier tatsächlich das Java-Skript platzieren. Also werden wir es auf Seite zeigen, wie Sie das in den kommenden Lektionen tun können. Also, wenn Sie bereit sind, und es ist auch ermutigt, dass Sie zusammen mit dem Kurs fallen und um Sie zu ermutigen, zusammen mit dem Kurs folgen. Ich werde auch auf Online-Editor bei Code Pen verwenden, die ich schulde. Also werde ich auch die Links zu den Codestiften während des Kurses zur Verfügung stellen. Eso im Wesentlichen Was Codestift I o tut, ist es Ihnen erlaubt, Code direkt auf die Seite zu schreiben , bewohnen Anzeige auf der rechten Seite Seite. Also hier schreibe ich in Alarmbereitschaft. Und natürlich bringe ich dich was durch? Alerts sind auch während des gesamten Kurses, aber wir können das sofort sehen. Immer wenn ich etwas auf meiner linken Seite schreibe, einschließlich Javascript, CSS oder HTML, sehen wir, dass es angezeigt wird und direkt im Code-Stift ausgeführt wird. Ich werde also das ist eines dieser wirklich guten praktischen Tools, die wir verwenden, um das Skript sofort anzuzeigen , wie wir es schreiben. Und es ist auch ein großartiger Ort, um zu üben und zu lernen, was Javascript-Kanu. Also werde ich Links zum Court Feder einbinden. Io ist auch während des gesamten Kurses. Also, wenn Sie bereit sind, beginnen wir mit der Erstellung von Javascript 4. 3 So fügen Sie JavaScript auf deiner Webseite hinzu: in dieser Lektion, werde ich verdecken, wie Sie JavaScript zu Ihrer Seite hinzufügen. Wenn wir also zu unserem Code Pen Dot io Beispiel gehen, sehen wir, dass das JavaScript es einen J-Bereich hat, und was auch immer Javascript hier eingegeben hat, läuft es tatsächlich innerhalb des Anzeigebereichs hier auf der rechten Seite durch. Das wird also nicht der Fall sein, wenn Sie Ihren Code schreiben, weil Sie nur eine Datei mit Ah haben, und selbst wenn s so müssen Sie bestimmen, wo Sie das JavaScript eso platzieren werden Es gibt eine Reihe von Optionen. Sie können JavaScript so ziemlich überall in Ihrem HTML-Dokument platzieren. Und die Art, wie Sie dies tun können, ist, indem Sie Skript öffnen und Skript schließen. Und wieder, ich werde dieses Alarmbeispiel verwenden. Was Alarm macht, ist es ah, einfach eingebaute Funktion in JavaScript, und es erlaubt Ihnen, dieses kleine Pop-up-Fenster zu haben, das wir in der letzten Lektion gesehen haben. Also werde ich einfach Skript-Tags platzieren, die schließende Skript-Tags öffnen, so dass es ähnlich aussieht wie HTML öffnen und schließen. Und dann, was auch immer Inhalt zwischen den Skript-Tags ist, wird das sein, was der Browser verstehen wird, da dies das JavaScript ist, das ausgeführt werden muss. Also, sobald ich das gespeichert habe, aktualisieren Sie es. Wir sehen, dass jetzt das JavaScript ausgeführt wird, wir erhalten das Pop-up-Fenster, und bis wir auf OK klicken, es nicht weiterlaufen den Rest der Seite laden. Das ist also eine wichtige Sache, die Sie beachten müssen, wenn Sie Job-Skript eso erstellen. Wenn Sie versuchen, auf eso zuzugreifen, gibt es in JavaScript. Wir haben, was als Dom bekannt ist, und wir haben Zugriff auf alle verschiedenen Teile Ihres HTML-Dokuments auf. Wir können all dies durch JavaScript zugreifen, und das ist, was im Wesentlichen als das Dom bekannt ist, dass Interaktivität und Verbindung zwischen dem HTML und JavaScript und was im Browser geladen und gerendert wird . Der Grund, warum ich das hier anspreche, ist, dass es wieder um Ordnung geht und wie die Dinge dem Browser präsentiert werden und wenn wir versuchen, auf etwas innerhalb des Körperabschnitts von unserer Seite zuzugreifen, aber wir versuchen, darauf das hier anspreche, ist, dass es wieder um Ordnung geht und wie die Dinge dem Browser präsentiert werden und wenn wir versuchen auf etwas innerhalb des Körperabschnitts von unserer Seite zuzugreifen, zuzugreifen, bevor es tatsächlich geladen. Wir werden auf einige Fehler und einige Probleme stoßen. Also noch einmal, denken Sie daran, Ordnung ist wichtig. Und wenn Sie versuchen, auf Inhalte zuzugreifen, die innerhalb der Seite verfügbar sein werden, dann ist es mehr. Es ist meist ratsam, JavaScript am Ende der Seite zu setzen. Und wenn wir uns einen der Quellcode ansehen, um einfach Klammern als Beispiel hier zu verwenden, so dass sie tatsächlich haben. Sie haben etwas JavaScript hier an der Spitze. Aber wenn wir bis zum Ende der Seite schlendern, sehen wir, dass sie den Großteil ihres JavaScript haben. Und der Grund noch einmal, denn das ist es besser für Matt. Eine Reihe von Gründen, warum Sie Zugriff auf all diese Morgendämmerungsinformationen bekommen eso, dass das alles geladen wird und Sie dann darauf zugreifen. Wenn Sie Probleme mit einer dieser Js-Dateien haben, wenn sie nicht geladen werden, wenn sie Zeit benötigen, um zu laden, dann wird dies tatsächlich Ihre Ladezeit Ihrer Webseite beeinflussen. Wenn Sie Probleme mit einer dieser Js-Dateien haben, wenn sie nicht geladen werden, wenn sie Zeit benötigen, um zu laden, Idealerweise Sie es am Ende Ihrer Seite haben, denn wenn Sie irgendwelche Probleme haben, die Sie wollen, möchten Sie nicht, dass die Benutzererfahrung mit dem Laden und Rendern von JavaScript unterbrochen wird . Also legen Sie es meistens an den Boden. Es gibt einige Fälle, in denen Sie es oben benötigen. Eso Deshalb haben sie es hier oben s o Sie müssen oben sein, nicht unten, nicht unten, wie andere Js eso. Es gibt hier offensichtlich einen Grund, weil es wahrscheinlich etwas mit den Forints zu tun hat. Habe das nicht angeschaut, aber das ist wahrscheinlich der Fall. Warum? Sie haben es hier oben platziert. Und wir bemerken hier, dass sie auch im HTML kommentiert haben, dass es oben sein muss. So gute Praxis Plätze an der Unterseite. Also mehr wie das, was wir in diesem Beispiel sehen, wo wir die Skript-Tags nehmen und sie unten platzieren und das Gleiche hier, wenn wir es tatsächlich wieder hochkippen, den Code ausführen und Ihnen nur zeigen, was der Unterschied sein wird. So sehen wir, dass es nicht wirklich noch brauchen, um eine Änderung zu machen, denn wenn ich die Seite neu lade , sehen wir, dass diese hallo Welt ist immer noch hallo Welt. Es ist nicht hallo Welt, wie ich den Code geändert habe und wenn ich auf OK, wir sehen hallo Welt kommt eso nehmen das Skript-Tag, verschieben Sie es auf den Boden, kurz bevor wir schließen Körper. Und ich sollte das noch einmal ändern, damit wir sehen, dass hier etwas passiert . Eso Wenn ich es aktualisiere, sehen wir, dass es bereits den Code ändert. Das bedeutet, dass es durchlaufen ist und all diese Inhalte schrittweise durchsucht . Und dann läuft es das JavaScript. So ist es danach. Also das war nur eine schnelle Probe von was, ähm, ähm, und wie man JavaScript platziert und eine andere Sache über das Platzieren von Javascript. Wir haben eine andere Option mit JavaScript, und das ist mehr in den Zeilen, was Code Pen hier macht. Also platzieren wir es nicht genau innerhalb des HTML, obwohl wir es können. Wenn wir Stift codieren wollten, haben sie einen separaten Abschnitt in der Verwendung von Job-Skript. Und was sie tun, ist, dass sie dieses JavaScript aufrufen, so dass sie den Aufruf einer externen JavaScript-Datei simulieren . Und dies ist wahrscheinlich der beste Weg, JavaScript in Ihren Webseiten zu verwenden, da es Ihnen die Möglichkeit gibt, diesen Code immer wieder zu verwenden. Was ich damit meine, ist, eine brandneue Datei zu erstellen und einfach darauf zu verlinken, und ich zeige Ihnen, wie das funktioniert. Also habe ich eine Marke erstellt, die Sie eingereicht haben, genannt mein Skript dot Js. Das wird also meine externe JavaScript-Datei sein, und wir haben immer noch Zugriff auf all diese Informationen, und es wird wirklich dasselbe sein, wie dies zu nehmen, sie in die Skript-G-Datei zu legen. Und wieder, der Vorteil davon ist, dass jetzt, wenn ich mehrere Seiten haben möchte, dass diese Warnung angezeigt wird, ich einfach nur mit diesem mein Skript Js auf einer der Seiten verknüpft kann. Und die Art und Weise, wie wir das tun, ist, dass wir einfach eine Quelle hier s, also stellen Sie sicher, dass Sie diese Quelldatei bekommen , richtig. Also mein Skript dot gs Das ist nur, weil ich es in demselben Verzeichnis habe und wir das immer noch von den Skript-Tags schließen müssen. Also habe ich bemerkt, dass wir gerade haben, also haben wir gerade einen leeren Bereich da, und der Browser wird das verstehen können. Okay, das ist es, was wir machen wollen. Und ich werde Hallo dort platzieren und es auffrischen. Und wir werden sehen, dass damit etwas schief gelaufen ist. Und ich habe gerade mein Verzeichnis hier geöffnet. Die Sache war, ich hatte es nicht wirklich an der richtigen Stelle gespeichert. Also zu meinem Punkt über den richtigen Pfad zur Datei eso Jetzt habe ich es gespeichert. Mein Skript Js gibt es meinen Indexpunkt html Also, wenn ich es aktualisiere, sollten wir okay sein, und wir sollten sehen, dass die Warnung auftaucht. So bringen Sie JavaScript in Ihre Webseiten und wieder, wahrscheinlich ist die beste Methode, um Dateien zu verknüpfen. Und wie wir hier in der Quelldatei sehen können, gibt es Fälle, in denen Sie vielleicht das JavaScript direkt auf Ihren Webseiten haben möchten. Und dann ist das okay für eso. Dies wäre auf Lee für diese bestimmte Seite. Also verlinken wir nicht wirklich. Und dann haben diese Air Shared JavaScript-Bibliotheken, zu denen wir verlinken, wahrscheinlich auf mehr als nur einer Seite. Sie verlinken wahrscheinlich auf einer Reihe von Seiten zu ihnen 5. 4 JavaScript Grundlagen ausgeben Inhalt: wenn wir möchten, dass der Benutzer in der Lage sein, unsere Ausgabe in JavaScript zu sehen. Also habe ich Ihnen schon ein Beispiel dafür gezeigt, und das ist die Warnung. Es gibt also eine Reihe von verschiedenen Möglichkeiten, wie wir Inhalte tatsächlich in den Betrachter sichtbaren Teil ihrer Webseite ausgeben können . Und das ist der Anfang, wie wir Interaktivität schaffen, weil wir tatsächlich ah benutzerdefinierte Bit von Informationen direkt an den Benutzer senden. Eso Eine andere Möglichkeit, dass wir mit JavaScript auf der Webseite handeln können, ist das Dokument, richtig? Und so dokumentieren. Gerade wenn wir in das Dokument aufrufen, wird dies im Wesentlichen in den gesamten Dokumentbereich des HTML eso aufgerufen, im Gegensatz zu Fenstern. Also machen wir die Alarmbereitschaft. Dies ist nur eine Standardfensterfunktion. Eso ist dies wieder verfügbar in dieser Morgendämmerung, dass wir diese eingebauten Fähigkeiten haben, um diese eingebauten Funktionen auszuführen . Eso ein weiterer, der ein eingebautes Dokument ist, oder? Die Art und Weise, die wir darauf zugreifen und aufrufen, ist, dass wir das Dokument richtig machen, und es läuft genauso, wie wenn wir tatsächlich diesen Fensteralarm eso machen. Immer wenn wir dieses Javascript treffen , wird es dies automatisch in die Webseite schreiben. Also, wenn wir die Seite aktualisieren, was denkst du, werden wir auf der Seite sehen? Und ich werde nur einen schnellen Zeilenumbruch hinzufügen, damit wir zwischen diesen beiden HTML- und JavaScript-Bits unterscheiden können . Was denkst du, wird hier auf der Seite ausgegeben? Glaubst du, es wird ein weiteres Pop-up-Fenster sein, wenn ich ein Dokument mache, richtig? Was denkst du, was wir hier machen werden? Und wenn ich es auffrische, sehen wir, dass es eigentlich nur da draußen schreibt. Es sieht also im Wesentlichen so aus, als wäre es HTML-Code, den wir gerade hier ausgeschrieben haben. Ah, und wir sehen, dass sofort in unserem Browser erscheinen und das ist wieder dies wird direkt für den Benutzer sichtbar sein . Es gibt also eine Reihe von verschiedenen Möglichkeiten, wie wir auf die Morgendämmerung zugreifen und diese Benutzerinteraktivität haben und bereitstellen können . Eso Ein weiterer ist das Konsolenprotokoll. Also benutze ich dies regelmäßig, und das ist etwas, das ich in meiner Entwicklung verwende, um Informationen zu übergeben. Eso wird dies tatsächlich anders sein als der Benutzer in der Lage, Informationen zu sehen. Dies ist streng mawr, wenn Sie Nachrichten entwickeln und übergeben. Also manchmal, wenn Sie Schleifen haben und Sie eine Reihe von Variablen und Informationen haben und Sie wollen sehen, wo wir an einem bestimmten Punkt sind, wenn wir den JavaScript-Code ausführen eso vielleicht etwas, das für den Benutzer nicht genau sichtbar ist. Ah, und ich möchte nur in der Lage sein, eine Konsole zu öffnen und eine bestimmte Nachricht zu sehen, die weitergegeben wird. Viertens, eso alles, was wir tun, ist Konsolenprotokollnachricht. Und wieder, Wenn das Job-Skript über das JavaScript schreibt, trifft es dieses Konsolenprotokoll. Es schreibt es tatsächlich in die Konsole, und Konsuls sind standardmäßig verfügbar. Einer der Gründe, warum ich Chrome verwende, ist, weil sie eine wirklich gute Web-taube Tools-Konsole haben und dies öffnen. Sie können einfach auf die Seite klicken und Inspect tun. Sie können das auch von hier oben in der Dropdown-Liste tun und die Anzahl der verschiedenen Möglichkeiten, um die Konsole zu öffnen . Wenn Sie Firefox das gleiche verwenden, haben sie einen wirklich guten Konsul und Opera eso. Alle diese haben Konsuls eingebaut. Ah, Und wenn Sie mit der Konsole nicht zufrieden sind, haben die meisten Browser die Möglichkeit, Add-Ons hinzuzufügen, was die Konsole verbessert oder Ihnen die gleiche Consul Funktionalität bietet. Also zeigen wir Ihnen einfach, was Konsul tut. Und wirklich, es wird nichts anderes aus der Sicht des Benutzers tun. Aber wenn Sie den Konsul offen haben, können Sie sehen, dass diese Botschaft vorbei ist, und dies ist wieder unser Weg, um Informationen zu passieren . Uh, das wird für den Benutzer nicht sichtbar sein, aber es erlaubt uns, besser zu verstehen, was wir mit unserem Code machen und uns direkt über den Konsul mitteilen. 6. 5 JavaScript-Grundlagen das Document: in dieser Lektion. Ich wollte Ihnen kurz in die Morgendämmerung einführen, weil das Dom wahrscheinlich der beste Weg ist, um Inhalte in Ihre HTML auszugeben. In der letzten Lektion haben wir uns das Dokument schreibe eso angesehen, was dies tut. Dies ist einfach das Schreiben in das Dokument. Aber das Problem hier ist, wenn Sie das Dokument richtig verwenden möchten, können wir nicht angeben, wo innerhalb des HTML wir diesen Inhalt tatsächlich ausgeben möchten. Also, wenn wir wollten, um die Content-Ausgabe zu sehen, vielleicht wollen wir ändern, wie die Welt 32 Hallo Welt für eso. Um das zu tun, müssen wir das Dokument direkt dort haben müsste Hallo Welt innerhalb des Dokuments zu schreiben und es wird sehr frustrierend eso eines der Dinge, die wir als Entwickler tun. Hier kommen diese HTML-Tags, Dibs und Spannweiten ins Spiel, da dies uns die Möglichkeit gibt, bestimmte Tags hinzuzufügen und tatsächlich bestimmte Inhalte anzugeben. Also bin ich einfach schnell kopieren und einfügen, und ich werde Hallo Welt hier tun, und ich werde es in Spanne zu drei aktualisieren und dann auch, weil ich es auf eine bestimmte Divina-spezifische Spanne anwenden möchte , die ich verwenden werde. Und ich wollte es oben nennen, und ich würde gleich taub reden oder so etwas. Also, wieder, das liegt an Ihrer Diskretion. Du kannst es nennen, wie immer du willst. So werden wir in der Lage sein, innerhalb von JavaScript darauf zuzugreifen. Also, was wir in dieser Lektion tun wollen ist, ich möchte wirklich aktualisieren Hallo, Welt 32 Hallo, Welt für Und ich werde Ihnen zeigen, wie das innerhalb der Morgendämmerung zu tun. Also gehen wir hier rüber, wir erfrischen es. Nichts hat sich geändert. Alles sieht immer noch gleich aus. Und wieder, ich werde mich darauf beziehen, was Sie in Chrome tun können. Wenn Sie also nicht Chrome verwenden, haben Sie möglicherweise nicht unbedingt die gleiche Fähigkeit, sich anzusehen, was innerhalb des Dom eso . Alle diese Konsolen sind unterschiedlich. Eso, wenn Sie wollen, überprüfen, was ich tun werde, Uh, Uh, stellen Sie sicher, dass Sie Chrome verwenden und Sie haben Ihre Tiefenwerkzeuge offen, wenn Sie zu Elementen gehen . Sie haben hier ein paar Möglichkeiten. Also haben Sie im Wesentlichen Ihren HTML-Code hier oder Ihren gesamten Codequellcode für die Webseite , so dass Sie diese öffnen können und Sie können sie überprüfen und überprüfen Sie diese und so weiter. Also hier unten hast du ein zweites Fenster. Sie haben etwas Styling hier in diesem Fenster. Also schauen wir uns das nicht an, weil wir die Stile offen haben. Wir haben alle Event-Zuhörer. Derzeit haben wir also keine Ereignis-Listener, und dann haben wir wieder etwas namens Dawn Break Punkte auf. Wir werden uns das ansehen. Dies ist etwas, das Sie in der Entwicklung verwenden, wenn Sie Breakpoints einrichten. Und schließlich haben wir Eigenschaften. Also innerhalb der Eigenschaft ist wir haben die Chevron's, die wir öffnen können, und wir können all diese wirklich interessanten Inhalte hier sehen. Eso hier. Wenn wir uns ihr HTML ansehen, haben wir ihr inneres HTML. Wir haben innerlich besteuert und wir sehen, dass wir Zugriff auf diese Inhalte im HTML haben, und das ist, was die Morgendämmerung wieder ist. Dies gibt uns all diese Möglichkeit, auf diese Inhalte zuzugreifen. Also, wenn wir vom oberen HTML-Element gehen, sehen wir, dass dies das ist, was darin enthalten ist, und wenn wir HTML die erste 1 öffnen, dass wir die erste schließen, die wir haben. Also unser inneres HTML für all das HTML-Element ist dies So zeigt es uns nur alle unsere HTML-Tags auf unserem inneren Text. Also haben wir nur im Grunde Text im Unterschied zwischen HTML und Text, natürlich, ist, dass Text die gleiche Sache ist, wie wir hier oben mit dem gesamten HTML gestrichen haben. Und dann hier unten haben wir unser erstes Kind, das Kopf ist. Dann können wir durchgehen und sehen, was im Kopf enthalten ist. Siehst du, im Kopf. Wir haben nur den Titel und wir haben nicht den gleichen inneren Text, weil wir hier nur das enthalten, was im Kopf ist. Also wollen wir vielleicht , ein bisschen weiter graben,damit wir nicht das erste Kind sehen wollen, das wir haben , ähm, das letzte Kind, das wir sehen können, und wir können sehen, was darin enthalten ist. Und vielleicht wollen wir überhaupt nicht in den HTML gehen. Wir haben hier einige Optionen für verschiedene HTML-Elemente, und dann haben wir alle unsere Elemente auf eigene Faust. Also inneres HTML und wirklich gibt es eine ganze Menge Sachen, die hier vor sich geht, auf die wir Zugriff haben , und wir haben Zugriff auf all das innerhalb unserer Morgendämmerung. Also, was ich eigentlich wollte, ist ich möchte, dass ein Haken in einem bestimmten Teil des Inhalts Morgendämmerung dass diese Welt drei ist und ich das aktualisieren und es in die Welt ändern möchte , um das zu tun , muss ich eine eingebaute Funktion innerhalb die Morgendämmerung und Zugriff auf diesen oberen tauben Abschnitt unseres HTML-Codes, und ich werde nur zeigen, wie wir das machen. Also wieder, wir beziehen uns auf Dokument, weil alles innerhalb der Morgendämmerung und alles innerhalb Dokuments ist, des Dokuments ist, und es gibt eine Möglichkeit, es tatsächlich auszuwählen , ein bestimmtes i d Element von I D. Und dann müssen wir nur die Elementnamen angeben. Also ist es Top Numb ist der Name, auf den ich zugreifen wollte und dann durch das, was wir hier gesehen haben, haben wir diesen inneren HTML. Ich habe die gleichen Methoden und Funktionen für mich hier zur Verfügung, so dass ich inneres HTML tun kann und jetzt ist es nur eine einfache Einstellung Ah Marke, die Sie html eingeben. Also, wenn ich sehen wollte, was in diesem inneren HTML enthalten ist, kann ich es auf diese Weise tun. Jetzt werden wir es einloggen. Was in diesem inneren HTML enthalten ist, sehen wir, dass wir einen Wert von drei haben. Wenn wir darauf zugreifen können, bedeutet das, dass wir es ändern können. Also in unserem HTML gleich vier, gehen Sie zurück, aktualisieren Sie es und wir sehen jetzt haben wir vier. So ist das der bessere Weg, Ihren HTML-Inhalt zu ändern, JavaScript zu verwenden und auf Ihre Inhalte zuzugreifen. Und wie Sie sehen können, da wir all diese verschiedenen Inhalte durchschauen, die wir hier in der Morgendämmerung haben . Wir haben all diese Ereignis-Listener und es gibt wirklich nur eine Menge Informationen, die wir einen Zugriff verwenden können. Selbst wenn wir so etwas tun wollten, wie das innere HTML des HTML-Tags zurücksetzen, könnten wir das tun. Also könnten wir diesen HTML-Code einfach komplett leeren und durch etwas anderes ersetzen . Also eine ganze Reihe von verschiedenen Funktionen, die uns zur Verfügung stehen. Und in den meisten Fällen. Es ist besser, in diesem Format auf Ihr HTML zuzugreifen. Und wieder geht dies in die Reihenfolge Ihres JavaScript. Wenn wir das also tatsächlich in unserem Kopf platzieren würden, haben wir diese Ideen noch nicht im Dom identifiziert. Ah, und dann hätten wir ein paar Probleme beim Zugriff. Es ist so, wenn Sie es auf diese Weise tun, ist es am besten, direkt unten darauf zuzugreifen. 7. 6 JavaScript Grundsätze und Operatoren: in der letzten. Hören Sie, wir haben gesehen, wie wir Inhalte innerhalb unserer HTML-Seite dynamisch durch JavaScript ändern können. sind Diessinddie Anfänge dynamischer Interaktion und dynamischer Inhalte über Javascript. Also ermutige ich Sie, es in Ihren Editor-Raten einige grundlegende HTML und Zugriff zu überprüfen. Es macht einige Updates daran und praktiziert diesen Aspekt von Javascript, um zu beginnen , diese Interaktivität zu erstellen. Also können Sie sich das ansehen und sagen OK, na ja, warum mache ich nicht genau das Richtige für hier, anstatt all diese Probleme mit JavaScript zu durchlaufen ? Und hier wollte ich Variablen einführen. Variablen sind also ein Gewicht des Speicherns von Daten in JavaScript. Es gibt unsere zwei Haupttypen von Variablen, die wir verwenden werden und eine wird eine ganze Zahl sein und eine andere wird ein String-Wert sein. Um also irgendjemand eine Variable einzurichten, erklären wir, dass dies jetzt eine Variable ist und A dieses Stück Daten darstellen wird. Um also eine Zeichenfolge zu machen, müssen wir sie umsetzen und wir setzen, was auch immer wir wollen, hier in die Mitte. Und jetzt, wann immer wir A als Datenhalter dieser Wert-Zeichenfolge aufrufen, werden wir in der Lage sein zu sehen, dass wir einen String-Wert erhalten, also dasselbe wie Ganzzahlen. Anstatt also eine Vier hier drüben zu haben, wenn ich wirklich eine Dynamik machen möchte, kann ich einen Wert von vier halten. Und anstatt vier hier drüben zu haben, könnte ich mich einfach auf die Variable B beziehen und die den Wert von vier enthält. Wenn ich nun die Seite aktualisiere, ändert sich nichts, weil be jetzt einen Wert von vier darstellt. Jetzt, mit JavaScript, können wir auch Operatoren tun. Also haben wir diese arithmetischen Operatoren. Wir haben plus minus multiplizieren dividieren. Und jetzt können wir tatsächlich diesen Wert von B nehmen. Also, wenn Sie wollen, könnte eine brandneue Variable deklarieren, sehen Sie? Und wir wollten sehen, ah, Wert von vier plus eins geben ah, . Und jetzt werde ich eigentlich schreiben. Also habe ich eine Kopie gleich bekommen, damit ich das eigentlich nicht außer Kraft setze. Also werde ich diese Werte von eins geben und diesem einen Wert von einem geben, der hier eingeht. Und was denkst du, wird jetzt passieren? Wir haben in unserem HTML haben wir Hallo, Welt drei. Hallo, Welt drei. Aber innerhalb unseres Javascripts setzen wir einige dieser Werte zurück. Also, wie denkst du, wird die Ausgabe aussehen? Also gib dir eine Sekunde, bevor ich in den Browser scheue und aktualisiere ihn, um einen Blick durch den Code zu werfen. Und wenn du diese Kälte durchliest, was denkst du, wird passieren? Also, wenn ich es aktualisiere, sehen wir, dass wir diesen Wert von vier bekommen. Und ich muss nur ein schnelles Update machen. Also muss ich nur da rumbrocket s so, um diesen absoluten Wert von B plus eins zu bekommen , das ist, wenn Sie die Klammern anwenden. Also ist C gleich, eigentlich dieser absolute Wert. Und es ist nur die Art, wie die Browser es jetzt interpretieren, so dass wir sehen, dass hallo Welt für hallo Welt fünf und die Luft jetzt als Sie berechnete Werte. Was jetzt passiert ist, ist, dass wir einen Wert von B gleich vier haben. Also setzen wir das einfach in Top taub Raum im I d und dann hier drüben machen wir es, also nehmen wir vier plus eins und das ist, dass wir tatsächlich die fünf bekommen. Und jetzt können wir sehen, was JavaScript durchgeführt hat, weil wir tatsächlich etwas tun können, wo wir inkrementell sind. Dies vielleicht sogar durchläuft es, was wir über eine bevorstehende Lektionen sprechen und sehen, wie viel wir wirklich mit JavaScript mit all diesen Variablen machen können , die die Daten halten werden und sogar nur einige einfache mathematische -Berechnungen. So können wir das genauso leicht in Minus ändern. Also bekommen wir einen Wert von drei, wir können ihn multiplizieren. Wenn Sie also multipliziert mit zwei tun wollen, können wir das auch tun. Also bekommen wir so etwas wie acht, und wir können sogar Division machen. Das wird uns also einen Wert von zwei geben . Und Variablen sind eines jener grundlegenden Dinge, die in Programmiersprachen, die uns wirklich alle diese späteren Berechnungen liefern, die wir mit all diesen Werten tun können. Und solange innerhalb des Codes, den wir senden, unsere Wertsachen Variablen hier oben sind, können wir die Variablen innerhalb des Gerichts manipulieren, Logik darauf anwenden und mehrere Ergebnisse haben Kundenspezifische Ergebnisse mit JavaScript-Berechnungen JavaScript-Berechnungen 8. 7 JavaScript-Grundlagen: Ein weiterer wesentlicher Bestandteil von JavaScript ist die Verwendung von Funktionen. Also hier haben wir relativ dasselbe, was wir tun. Eso nur Es gibt ein paar Dinge, die sich hier ändern, wenn wir das get-Element von Idee machen und wir setzen, dass inter html. Also zuerst, wo die Auswahl der i d aus HTML und dann setzen wir den Wert. Das ist also ein Wert, den wir in unseren Berechnungen haben. Und hier kommen Funktionen in und wieder ein, genau wie die Variablen, die sie spielen eine wichtige Rolle, wenn Sie JavaScript erstellen. Also formatiere ich nur einen Teil dieses Codes hier s O, der besser vorzeigbar aussehen wird wenn ich die Funktion einbringe. Um also eine Funktion einzurichten, wird es eine relativ einfache sein. Alles, was ich tun muss, ist zu funktionieren und ihm einen Namen zu geben. Also werde ich ihm einfach einen Namen von HTML geben. Und so, wann immer ich die Funktion aufrufe, kann ich das vielleicht sogar einfach in diese Funktion setzen . Und wann immer ich diese Funktion anrufe, werde ich rennen. Was auch immer ein Stück Code in dieser Funktion gehalten wird, so gibt mir in diesem Fall die Möglichkeit tatsächlich mehrmals auszuführen und mehrere Antworten dort zu erhalten. Wenn wir also in die Konsole schauen, erhalten wir 333 und all das kommt tatsächlich direkt von der Funktion und auch mit Funktionen, haben wir die Möglichkeit, Informationen zurückzugeben, damit ich einen Wert zurückgeben kann, damit ich tatsächlich Berechnen Sie den Wert. Also werde ich eine Marke setzen, die du variabel bist, oder ich kann neu berechnen, um zu sehen, ob ich das tun wollte. Also vielleicht tatsächlich gehen, um wieder zu berechnen? Siehst du, also werde ich festlegen, dass C einen neuen Wert von sieben hat. Also, wenn ich diese Funktion ausführe und ich mein inneres HTML dort aktualisiere oder den Wert von zum Konsolenprotokoll ausführe , siehe? Und jetzt werden wir den Wert von sehen als sieben festlegen. Und das wird tatsächlich als String gesetzt, im Gegensatz zu dem, was ganze Zahlen hier sind. Also, was ich eigentlich tun möchte, ist C plus C plus eins. Also werde ich jedes Mal sehen, wenn wir die Funktion ausführen, und ich werde den Wert von C zurückgeben und wir zeigen Ihnen, wie das aussehen wird. Also, mit Rückgaben innerhalb der Funktion, wenn ich gehe und es aktualisiere. Also sehe ich, dass ich diese Zeile hier drüben den Wert von drei zurückgibt. Aber die Zeilennummer fünf in Zeile 11 hat diesen inkrementellen Wert, den wir in der Konsole sehen . Also Nummer neun und Nummer 11 sehen wir, dass diese Werte Luft inkrementell. Aber wenn wir die Funktionen selbst ausführen, sehen wir, dass wir C gleich C plus eins haben und dann sind wir konsul darin, dass für diese Ausgabe, die in diesem Abschnitt platziert wurden, ausloggen . Vielleicht ist es sogar sinnvoller, sich wieder si eso auszuloggen. Wir könnten eine beliebige Anzahl von Dingen hier in dieser Funktion tun. Aber der Punkt ist, dass wir die Fähigkeit haben, Funktionen auszuführen, und sie können Inkremente unserer Werte tun . Sie können Werte zurückgeben. Also, jetzt kann ich so etwas tun und dies in die Konsolenprotokolle setzen, anstatt diese Informationen zu haben. Also werde ich sofort laufen, und das könnte ein bisschen schwierig sein, zu durchlaufen, aber anfangs machen wir eine Konsolenprotokollmeldung, also werde ich das loswerden. Wir werden unsere Variablen hier festlegen. Wir werden unsere Funktion zum ersten Mal ausführen. Es wird zu diesem Stück Code gehen. Also wird es den Wert von C gleich C plus eins nehmen. Derzeit wird der Wert von C durch zwei geteilt werden. Es wird also sein, dass wir einen Wert für C von drei zurückgeben werden und dann werden wir inkrementieren, um eins nochmal sehen und zurückkehren. Sehen Sie den neuen Wert von C s. Oh, nichts wird tatsächlich ausgegeben werden, weil wir nicht Konsul sind, die es ausloggen. Aber hier drüben werden wir das tun. Entfernen Sie das einfach. Und dann, wenn wir das nächste Mal ausführen, ging es tatsächlich zur Konsole, um diesen zurückgegebenen Wert abzumelden . Mal sehen, was jetzt passiert. So erhalten wir einen Wert von 35 und sechs. Also, wenn wir das erste Mal durchlaufen, bekommen wir diese HTML-Funktion. Es geht rüber, um es zu hören. Inkremente sehen von einem Konsul meldet es als drei aus, als wir wieder inkrementell. So sehen jetzt hat einen Wert von vier. Es wird hier als vier zurückgegeben. So ist der aktuelle Wert von see an diesem Punkt für so das bedeutet, wenn wir das Konsolenprotokoll ausführen , und wir tatsächlich diesen Wert ausgeben. Wir sehen, dass in die Funktion geht. Diesmal ist der Wert für inkrementelle um eins, den wir konsolen, melden Sie sich ab. Jetzt sind es fünf. Wir inkrementell wieder Um eins geben wir einen Wert von sechs zurück. Und das ist, wo wir tatsächlich den Wert von sechs setzen. Also, wenn ich diesen Rückgabewert hier anzeigen sollte, oder ich sollte das abmelden. Also, wenn ich tatsächlich diesen Rückgabewert anzeigen werde, sollte ich jetzt 3456 innerhalb der Ausgabe erhalten . Nun, eine andere Sache, die Sie mit Funktionen tun können, ist, dass Sie Argumente oder Parameter über eso übergeben können . Anstatt diese Berechnungen hier durchzuführen, kann ich den Wert tatsächlich an die Funktion übergeben und damit einige Berechnungen vornehmen. Und so kann das tatsächlich übernehmen für das, was wir hier unten tun. Eso Ich werde diese Rückkehr einfach entfernen, weil ich die tatsächliche Ausgabe hier passiert haben werde . Ich werde diesen Teil hier und jetzt, was ich jedes Mal passieren will, wenn ich anrufe. Diese Funktion ist ich möchte, dass es einen bestimmten Wert ausgibt. Und wie gesagt, wir wollen Ihnen zeigen, wie Sie Parameter übergeben können. Also werde ich Parameter einen Parameter für mich Bacon haben, der Para 1 Para zwei anruft. Und jetzt wird diese Luft die vergangenen Werte halten, eso ich will zuerst durch diesen gehen und dann das zweite Mal, und ich werde auch eine Nummer für die Ausgabe setzen. Also werde ich sieben machen und ich werde essen. Und ich werde das noch ein bisschen näher erklären. Also möchte ich Ihnen nur zeigen, was hier mit der Funktion passiert, und dann werde ich durchgehen und erklären, wie das alles funktioniert und wie Javascript diese Kälte übersetzt. Also eine Konsole protokolliert diese beiden Werte, die übergeben werden. Ich kann den Teil dort loswerden. Und jetzt hier drin. Ich kann dies als meine Variable verwenden. Und ich kann dies tatsächlich als meine Variable für den inneren html Seoul verwenden. Jetzt, wo wir das abgeschlossen haben, was denkst du, wird hier passieren? Ähm, wir durchqueren oben taub. Das ist also der Erste. Das erste i d dort, dass wir haben, dass der Wert von drei eso enthält, wurden übergeben, dass über Komma sieben Und wenn es die Funktion para ein trifft, wird den Halt nehmen Der gespeicherte Wert von talk taub para zwei wird Welt die Shop-Nummer von sieben Also Wir sollten ein Konsolenausloggen aus Talk taub und sieben bekommen Und dann hier drüben, wenn wir Element von i d bekommen, haben wir diesen Wert, der gehalten wird, also sollte es in der Lage sein, das als top taub zu übersetzen, gehen Sie in den HTML, nimm den inneren HTML-Code auf, und dann hält Para zwei einen Wert von sieben, und wir werden diesen Wert ausgeben. Also im Wesentlichen, was wir hier tun, ist, dass wir die erste Hallo Welt einen Wert von sieben Sekunden haben . Hallo. Die Welt wird einen Wert von acht haben. Und das sehen wir hier im Konsolenprotokoll. Und das ist, warum wollte ein Konsul Law bekommen, dass Informationen, weil es wichtig ist, verstehen, wie wir Werte durch passieren können. Und dann kann ich selbst mit diesen Werten, die wir durchlaufen haben, einige dieser Werte zurücksetzen, so dass ich etwas wie Para zwei plus zwei bessere Viertel Klammer dort machen kann , so dass dies nur verstanden wird, dass dies ein inter juris. Nun, jetzt waren wir standardmäßig immer Intuit hinzugefügt. Ah, Eine andere Sache mit Funktionen ist, wie es diese Werte behandelt. Also werden diese Werte von Par 1 und Teil 2 auf Lee innerhalb der Funktion sein, so dass sie nur innerhalb der Funktion zugänglich sind. Also, wenn ich so etwas wie Konsolenprotokoll para eins machen würde, würden wir eine Luft bekommen, weil es nichts gibt, der in ihrem eso außerhalb der Funktion gehalten wird , diese Luft globalen Werte und wir haben Zugriff darauf innerhalb der Funktion auch. Aber wenn wir so etwas tun wie, mal sehen, und wenn ich hier einen brandneuen Wert für einen neuen Wert setze, wir ihn nicht wirklich überschreiben. Wenn wir also auf dieses Konsolenprotokoll stoßen, werden wir immer noch diesen ursprünglichen Wert eines Also haben wir diesen Zeichenfolgenwert dort , den wir ursprünglich festgelegt haben. Aber wenn wir diese Deklaration der Variablen loswerden, machen wir einen gleich und einen neuen Wert. Wir erhalten den Wert des neuen Wertes, weil dies jetzt auf diese globale eine Variable zugreift. Also braucht es ein wenig Zeit, um all dies mit Funktionen zu durcharbeiten, und ich ermutige Sie, Code Stift zu überprüfen. Ich poste diese Kälte in ihrem Versuch es und sehe, was Sie Funktionen bekommen können, um damit zu tun und zu arbeiten . Sehen Sie, welche Art von Ausgabe Sie erhalten können. Lassen Sie uns also für die kommenden Lektionen üben, weil es wichtig ist , Variablen zu verstehen , ist es wichtig zu verstehen, wie Funktionen in JavaScript funktionieren, um MAWR in Tiefenberechnungen und Logik aufzubauen . 9. 9 JavaScript Grundlagen DOM Ausgabe: Also wollte ich kurz über Code Pen eso in der letzten Lektion gehen, wir haben ziemlich viel mit Konsolenprotokoll gearbeitet. Und es gibt tatsächlich eine Möglichkeit zu sehen, welche Inhalte wir innerhalb des Konsolenprotokolls und des Code-Stifts sehen . Es ist immer zu tun, ist Konsul dort anzugeben. Und wir können sehen, dass sich das öffnet, und wir können alle diese Werte sehen, die übergeben werden . diese Weise können Sie mit diesem aktuellen Codestift arbeiten und aktualisieren und sehen, was in der Konsole verfügbar ist . Also gehen wir zurück in unser JavaScript, wir einige von diesem vorherigen Code loswerden, den wir uns angesehen haben, und wir werden einige Updates hier machen, also werde ich statt oben haben. Ich werde hier eine Ausgabe machen, und ich werde eine Menge von diesem Zeug hier loswerden. Also werde ich einfach eine Möglichkeit haben, einige Inhalte auszugeben, damit das für die Benutzer sichtbar ist, die auf die Seite kommen. Und ich werde dasselbe tun, wo ich Element bekomme, indem ich variable Ausgabe setze, und es wird Dokumente von i d bekommen und ich werde es setzen Element auswählen. Also, was ich jetzt tun kann, ist, dass ich etwas wie Ausgabe, inneres HTML tun kann, und ich kann hallo oder so etwas sagen. Geh hier raus und wir werden die Seite auffrischen. Also, was denkst du, wird hier passieren? Ich habe die Ausgabe eingestellt. Ich habe eine Variable eingerichtet, und es wird all diese Informationen enthalten, die innerhalb des Dokuments verfügbar sind, erhalten Element von I. D wird all diese Elementinformationen enthalten und sagt dann einfach, dass innere HTML Eines der Dinge, die ich hier hinzufügen sollte. Also, wenn ich ein Konsolenprotokoll der Ausgabe mache, wie wir mit anderen Variablen nur zeigen, was dort passiert, also werde ich auf die Seite gehen. Ich werde die Seite aktualisieren und wir sehen, dass wir den Inhalt bekommen, der in der Ausgabe gehalten wird. Es hat also all diese Informationen zur Verfügung und zugänglich für uns. Wir haben auch hier im Inneren des Fensters aktualisiert. Also aktualisieren wir diese Informationen und wir sehen, dass jetzt, da es setzen enthält, dass brandneue Hallo Informationen. Also, wenn ich so etwas wie von hatte, oder so etwas und aktualisieren Sie es sehen wir, dass das neue Objekt diese brandneuen Informationen enthält . Dies ist eines der wichtigsten Dinge, die Sie verstehen müssen, wenn Sie Inhalte in JavaScript aktualisieren . Also werden wir auf das DOM zugreifen wird dann, um diese neuen aktualisierten Informationen im Gegensatz zu den ursprünglichen Informationen enthalten . Und das ist eine weitere Sache, die wichtig ist, um zu bestellen, wenn Sie präsentiert werden. Also, wenn ich etwas wie Dokumentelement von I. D.bekommen D. und ich das Hallo noch nicht aktualisiert habe, würde ich immer noch diesen alten Wert darin bekommen. Es gibt also eine Reihe von verschiedenen Faktoren im Spiel, die Sie berücksichtigen sollten, wenn Sie auf die Morgendämmerung zugreifen. der nächsten Lektion werden wir uns eine weitere dieser wertvollen Dinge in JavaScript anschauen , um einige wirklich coole Funktionalität zu bieten. Und das wird eine Gehaltserhöhung sein. Also, das kommt in der nächsten Lektion. 10. 10 JavaScript Grundsätze: Also in dieser Lektion wollte ich über eine Gehaltserhöhung sprechen und wie wir eine Erhöhung in JavaScript verwenden. Nun, Arrays unterscheiden sich von unseren anfänglichen Variablen, die wir festgelegt haben. Und die Art und Weise, wie sie unterschiedlich sind, ist, dass sie mehrere Werte halten können, anstatt nur einen Wert zu halten, den sie für eine beliebige Anzahl von Werten enthalten können. Und die Art und Weise, wie wir das tun können, ist, dass wir Verletzungen anrichten können. Sieht so aus, wie es aussieht, wie wir es einrichten. Das ist Dom-Objekt für andere Variablen, mit denen wir gearbeitet hatten. Also werde ich es einfach mein Array nennen. Also und hier ist, wo ich tatsächlich Gegenstände im A-Rennen platzieren kann. Ich kann auch so etwas haben . Ich kann hier sogar ein paar ganze Zahlen haben. 79 und Sie haben bemerkt, dass das Format das gleiche ist wie das Setzen der Variablen. Also zitiere ich um die Strings und ich lasse die ganzen Zahlen als unquotierte Werte und drei und so weiter . So können wir dort eine beliebige Anzahl von Werten einstellen. Und das wird alles innerhalb des „könnte“ -Arrays enthalten sein. Und wenn ich meine arrangierte Liebe einlogge, um das zu kopieren und einzufügen, um mir die Mühe zu ersparen Konsolenprotokoll eso neu zu schreiben, nur um Ihnen zu zeigen, was hier innerhalb des Arrays ausgegeben wird. Also drei, dass, anstatt nur diesen einen Wert zu haben, wir sehen, Zugriff auf alle diese Werte innerhalb des Arrays haben. Es gibt eine Reihe von verschiedenen Möglichkeiten, wie wir eine Gehaltserhöhung festlegen können. Wir können ein Array innerhalb dieser Art von Format definieren, oder wir können ihm Werte zuweisen. Wenn wir so etwas tun, machen Sie mein Array, und dann könnten wir Sie einfach anordnen. Und hier können wir in unsere Werte eintragen. Wir müssen es nicht unbedingt in diesem Format eingeben. Aiken eingegeben in diesem Format als auch und diese Luft nur verschiedene Möglichkeiten. Teoh richtete dein Array ein, also habe ich vergessen, das auszuloggen. Das wäre also mein Arabi und zeige dir, wie es im Konsul wieder präsentiert wird. Also dasselbe, nur verschiedene Möglichkeiten, Ihr Array zu initiieren und einzurichten. Also jetzt, wenn wir tatsächlich auf diese Elemente im Array zugreifen wollen und wir sie in die Ausgabe drucken wollten , zeigen Sie, wie wir das tun können, also werde ich das einfach nach unten verschieben, denn jetzt haben wir unsere Arrays eingerichtet . Und wenn ich Zugang zu einer oder zwei oder einer dieser Nummern haben wollte, kann ich es so machen. Wo ich mein Rennen mache, mache ich ihnen einen regen Namen. Und dann müssen Sie alles tun, ist das Element auszuwählen. Eso beginnend mit I Null Arrays beginnen bei Null. Also das ist 01234 Also haben wir fünf Artikel. Wir können einen beliebigen dieser Werte zuweisen. Also, beginnend mit Null gibt uns fünf verschiedene Werte. Das oder Schlüssel, die wir verwenden können, um zu bestimmen, welchen Teil der Serie, die wir zeigen wollen . Also kann ich so etwas tun, Machen Sie eine Erhöhung Null oder vielleicht würde es ein wenig interessanter dort mit einem s tun. Also, was glauben Sie, wird am Ausgang hier sein und werfen Sie einen Blick auf den Regen? Das ist also diejenige, auf die ich zugreife. Und wenn Sie sagten, dass unsere Ausgabe zwei sein wird, haben Sie Recht, weil dies der zweite Punkt sein wird. Eso mit dem Schlüsselwert, wo der Indexwert von 101234 und das ist, wie wir auf eine Erhöhung zugreifen . Und natürlich können wir sogar eine Gehaltserhöhung aktualisieren. Wenn ich also diesen Wert des Strahls aktualisieren wollte, wird das genauso funktionieren wie andere Variablen. So können wir einen Strahl Nummer eins und neu aktualisierten Wert nehmen. Und wir können diesen neu aktualisierten Wert innerhalb dieses Arrays seltsam machen. So sehen Sie, dass jetzt die Ausgabe ist neu aktualisierter Wert. Und auch wenn wir uns hier ansehen, als wir konsul diese Strahlen ausgeloggt haben, sehen wir, dass wir diese Änderung nicht stattgefunden haben. Und wenn ich das hier nehme und das hier drüben platzieren, können wir sehen, dass jetzt, hinterher und wieder, Ordnung wichtig ist, dass danach, sobald wir den Strahl aktualisiert haben, ein neu aktualisierter Schlachtzugswert jetzt vorhanden ist. Wenn wir konsul Sperre und Ausgabe tun, der Inhalt der jeder Nein innerhalb einer Erhöhung. Es gibt auch einige eingebaute Methoden, die wirklich cool sind, und sie werden dir wirklich erlauben, einige wirklich saubere Sachen mit den Strahlen zu machen. Eso einer von ihnen ist, wenn ich wissen will, wie viele Elemente hier innerhalb des Arrays Luft. Das kann ich. Es ist wie ein Konsul. Loggen Sie sich das aus und ich gehe auch zum Konsolenprotokoll. Es ist also, wenn ich wissen möchte, wie viele Elemente in ihren sind und das wird wichtig sein wenn wir tatsächlich berechnen, wie viele Elemente es gibt, vielleicht machen wir einige Schleifen, die in der nächsten Lektion erscheinen. Wir werden uns Schleifen und Bedingungen s ansehen. Dies ist also, wo Länge wichtig wird, und dies wird uns den Gesamtwert der Elemente geben , die innerhalb dieses Arrays verfügbar sind. Und eine andere, die beliebt ist, gibt Ihnen die Möglichkeit, tatsächlich die Rate Artikel zu sortieren. Sehen Sie also, dass, nachdem wir die Sortierung durchgeführt haben, es die Art und Weise ändert, wie die Array-Elemente dargestellt werden. Eso Was ist hier passiert? Ist das anfangs so haben wir die Länge des Strahls. Wir sehen, dass es fünf Elemente in ihrer Rate, und dann hier haben wir das erste Array. Also, jetzt haben wir eine Art von ihrer Rate getan und wir sehen, dass es zuerst nicht numerisch ist und dann auf alphabetische Sortierung. Also 13 und zu So ist es alphabetisch sortiert und jetzt sind wir, wenn wir auf diese speziellen Elemente in ihrem Array zugreifen . Die Reihenfolge wird jetzt anders sein, also ist das eine Sache, die wichtig zu beachten ist. Also, wenn ich das einen Strahlwert setze und ich sortiert habe, wird es die Dinge herum. Es ist also eine ganze Menge Dinge, die dort ausgegeben werden, aber wir sehen, dass jetzt, wo ich Dinge bewegt habe, unsere Ausgabe immer noch auf Artikel Nummer eins zugreift, was das zweite Element im Array ist. Und wir bekommen, dass und in unserem HTML. Also wieder, Ordnung ist wichtig. Und so arbeitest du mit einer Gehaltserhöhung. Und eine Erhöhung kann wirklich mächtig werden, weil sie viele Informationen halten können und dann die Fähigkeit haben, Dinge zu sortieren, um die Zehenschleife durch die Elemente zu berechnen , fügt wirklich diese zusätzliche Leistung hinzu , wenn Sie eine Erhöhung verwenden und wenn Sie bestimmen, wie Sie werden Ihre Logik einrichten, hier kommt eine Gehaltserhöhung an Ort und Stelle, und sie werden viel mehr Fähigkeiten haben, als wenn Sie einen Siris von Variablen hätten. Wenn ich ein Gleiches hätte. B ist gleich zwei C gleich sieben d gleich neun e gleich drei. Ich habe nicht all diese Fähigkeit, wo Consort, durch die Länge habe ich nicht die Fähigkeit, wo ich sie alphabetisch in Ordnung war und so eins. Deshalb verwenden wir eine Erhöhung, weil diese zusätzliche Fähigkeit, wenn wir unsere dynamische Codierung erstellen und hinzufügen, unsere Logik anwenden. Also, wenn wir hochkommen, werden wir reden. Maura Köder diese wirklich coolen Dinge Funktionalität, die in JavaScript integriert ist, die wirklich beschleunigt Ihren Prozess der Aktualisierung des Codes dynamisch. also in einer Kombination eine Erhöhung, Bedingungen, Schleifen und Funktionen und Variablen arbeiten Bedingungen, , können Sie das meiste, was Sie in JavaScript tun möchten, und das meiste, was Sie wollen, geschieht innerhalb Ihrer HTML-Seite. 11. 11 JavaScript-Grundlagen: Die letzte Lektion, die wir auf eine Gehaltserhöhung und eine andere dieser wirklich mächtigen Teile von JavaScript gesehen hatten , ist die Fähigkeit, Bedingungen und Vergleiche zu tun. Also kann ich wirklich Ah, Siris von Werten nehmen . Und ich kann einen Vergleich zwischen ihnen machen. Also lassen Sie mich einfach einige dieser Konsolenprotokolle hier entfernen, und ich muss diese Luftfrequenz-Updates hier kommentieren, weil ich sie nicht wirklich in dieser Lektion verwenden möchte . Und wenn wir Bedingungen oder Vergleiche von Werten machen, dann fangen wir wieder an, diese wirklich leistungsstarke Logik in das anzuwenden, was wir tun und wie wir unser JavaScript erstellen. Also, wenn ich einen Blick darauf werfen will und wir diese meine Neuwerte verwenden eso wenn ich sehen wollte ob sieben größer ist oder ob neun größer als sieben ist, , ob sieben größer ist oder ob neun größer als sieben ist,könnte ich so etwas tun, wo ich tun könnte, wenn oder vielleicht halten wir es einfach wirklich einfach . Und wir werden sehen, ob mein Array so ein oder 012 Also, wenn meine eine Rate zu, ist größer, Thani, sagen wir fünf und ich fragte eine brandneue Variable Ausgabe aus. Oder vielleicht solltest du einfach nein raus und statt dessen, lass es einfach leer. Und dann ist hier drüben, wenn wir rennen, unser Zustand ist Vergleich dort. Ich werde prüfen, ob diese Werte größer sind. Also, wenn sieben größer als fünf ist, werden wir Ausgabe von true und refresh. Und eigentlich sollte ich HTML dort ausgeben, um das wirklich zu beenden. Wir sehen also, dass sieben tatsächlich größer als fünf sind. Und das ist der Grund, warum wir einen Wert von wahr bekommen. Aber was wäre, wenn wir einen Wert von 15 hätten? Also, was passiert jetzt? Wir haben eigentlich gar nichts passiert, weil wir keine dieser Bedingungen erfüllt haben. Und das ist, wo wir sonst verwenden können. Sonst wird etwas tun, wenn diese Bedingung nicht wahr ist. Also, um es ziemlich logisch und unkompliziert zu halten, werde ich falsch ausgeben, damit wir eine schnelle Überprüfung durchführen können. Ich habe es nur nicht verschönert, um den Code lesbarer zu machen. Wieder Eso? Wir werden das durchlesen, und wir werden sehen, dass sieben und überprüfen, ob sieben größer als 15 sind und von denen wir wissen, dass sieben nicht größer als 15 sind. Wunde Ausgabe sollte falsch sein. Erfrischen Sie sich, und wir werden falsch. Jetzt können wir in einer beliebigen Anzahl von Kriterien hier hinzufügen, um diese Bedingungen zu machen. Und das ist im Grunde, was passiert ist, dass dieser Block ein Code ist, was ausgeführt wird, wenn es wahr ist , und das ist der Codeblock, der ausgeführt wird. Wenn es falsch ist eso in hier, können wir eine beliebige Anzahl von logischen Bedingungen tun und so weiter, um wirklich einige wirklich coole Logik anzuwenden eso wir haben auch weniger als 15. Jetzt wissen wir, dass sieben weniger als 15 sein werden. Also, jetzt sollten wir es sehen. Stimmt, wenn wir etwas tun, könnten wir es sogar sehr einfach halten. Wir könnten diese Variablen loswerden und wir könnten sagen, wenn acht weniger als 15 ist, was wahr ist, wenn 18 weniger als 15 falsch ist und Salon. Und wenn wir uns das ansehen, haben wir auch die Möglichkeit, zusätzliche else-Anweisungen anzuwenden, so dass ich tatsächlich sogar anders tun kann wenn und eine weitere Überprüfung durchführen, um zu sehen, ob 18 größer als fünf ist, und dann, wenn dies wahr ist , wird diese Logik angewendet werden. Setzen Sie HTML gleich zweite Prüfung. Also, wenn es zuerst isst, wird es hier reinkommen und sagen: Okay, Okay, wenn 18 weniger als fünf ist. 15 Wenn es wahr wird, dann werden wir sagen, dass das hier eine zweite Bedingung hat. Wenn 18 größer als fünf ist, wird es diesen zweiten Scheck machen, da ist Oh, das wird einen zweiten Scheck ausgeben. Und wenn nichts von diesen Luft wahr ist, wird es das tun. Endgültige Ausgabe von false. Jetzt sehen wir, dass der zweite Check wahr ist. Sie können hier auch Kombinationen machen, damit ich loswerden kann. Ich kann hier mehrere Schecks machen. Um zu verhindern, dass es zu verwirrend eso wird, könnte ich etwas tun wie 18 ist weniger als 15 und 18 ist Schöpfer als 15. Was also nicht wirklich viel Sinn ergibt, denn sobald wir diesen Check durchführen, aber wenn wir mit dynamischen Werten arbeiten , denn sobald wir diesen Check durchführen, aber wenn wir mit dynamischen Werten arbeiten, wird das mehr Sinn ergeben. Also, wenn wir es so machen, müssen beide herauskommen, um wahr zu sein eso, wenn wir auffrischen, dass wir sehen, dass das falsch ist, weil beide zusammen nicht wahr sind. Uh, wir könnten tun oder so, wenn eine wahr ist, dann bekommen wir diese Ausgabe der Wahrheit und es muss also nicht unbedingt beide Bedingungen erfüllen . Eso diese Luft nur verschiedene Möglichkeiten, um diese Logik anzuwenden und herauszufinden, was ausgegeben werden sollte wenn wir den Scheck machen. Und wieder, wenn wir hier mehr dynamische Werte machen, wird das viel mehr Sinn machen, als einfach, wenn wir einfach ein lesbares Format haben können und wir wissen, welches wahr sein wird. Also, wenn diese Zahlen zunahmen, wenn sie Wert von A oder so etwas waren und eine enthielt 18 auf, dann hatten wir hier drüben eine Art neue Berechnung für ein Also wieder, das wird nicht viel Sinn ergeben. Also könnte ich vielleicht tun, wenn a weniger als fünf ist und A größer als 15 ist. Das wird uns also einen Wert geben. Also, wenn ein tatsächlich ein Wert zwischen diesen Änderungen ist, und so ist sie ein Wert von acht, sollten wir Scott sehen, um diese eso umzukehren, die wir sehen wollen. Wenn ein zwischen fünf und 15 liegt, wird das wahr sein. Und wenn es etwas Größeres oder Geringeres ist, wird es falsch sein. Und so, jetzt, wenn wir eine Berechnung eines gleich ein Plus hatten. Das ist eine kurze Form, um ein Inkrement auf einem Also, jetzt werde ich nur ein über auf 15 oder 14 zurücksetzen . Also, jetzt sollte es als falsch herauskommen, weil der Wert von a tatsächlich 15 s sein wird. Oh, es gibt eine Reihe von verschiedenen Möglichkeiten, mit den Bedingungen zu arbeiten und diese Berechnungen durchzuführen. Die nächste Lektion, die wir Ihnen zeigen werden, wie man Schleifen und Schleifen macht , wird wirklich cool sein , weil deshalb dieses inkrementelle hier eingeführt wurde, weil wir mit Schleifen eine ganze Reihe von Inkrementen und eine ganze Reihe von -Aktualisierungen. Eso erspart wir uns die Mühe ein Schreiben aus ein paar Sachen immer und immer wieder. Wenn ich also um eins erhöhen möchte, mach einfach eine ganze Reihe dieser Inkremente um eins, also gibt es einen besseren Weg, dies zu tun, und darum geht es bei Schleifen. Also, das kommt in der nächsten Lektion. 12. 12 JavaScript Grundlagen Schleifen: Während wir also unseren Code durchgearbeitet haben, gibt es eine Reihe von Gelegenheiten, bei denen wir nur eine ganze Reihe von Kopien und Pasten machen mussten und nur einige Male schreiben mussten, damit wir tatsächlich den Wert erhalten, den wir suchen. Es ist also ein Teig weg. Also, wenn Sie im Wesentlichen einen Block mehrmals durchlaufen wollen und eine Ausgabe darauf erhalten möchten, sagen wir, ich wollte Protokoll A was konsolen? Was für ein war, wie ich inkrementell darin bin. Und wirklich, das ist eine ganze Menge zu schreiben, um das zu erreichen. Und wieder, natürlich, wahrscheinlich einfacher, es einfach so zu tun, wo ich es kopieren und einfügen muss. Und jetzt, wenn ich hier reingehen kann, sehe ich, dass a tatsächlich zunimmt. Der bessere Weg, dies zu tun, wenn ich es durchlaufen wollte, ist, dass ich einen Wert von festlegen kann, damit wir einen Wert von I festlegen und wir werden ihn auf Null setzen. Das ist also unser Startwert und innerhalb von Schleifen müssen wir eine Bedingung haben, die uns tatsächlich erlauben wird, diese Schleife zu durchbrechen, weil wir nicht wollen, dass die Schleife unbegrenzt läuft. Also wollen wir etwas haben, das unsere Schleife aufhalten wird. Hier werden wir nachsehen, ob ich weniger als 10 bin und wir ein letztes Stück hier drin haben müssen . Und das wird zusätzlich darauf zutreffen, dass ich schätze, so dass dies inkrementiert wird, dass ich werte und es uns erlaubt, die Schleife zu vervollständigen, tatsächlich etwas in dieser Schleife passiert. Also, wenn ich hier scheue, was denkst du, wird hier passieren, wenn wir es rauslegen? Werden wir es 10 Mal ausgeben, oder was denkst du, wird passieren? Und vielleicht kann ich einfach ein Auge in hier s O hinzufügen, dass wir sehen, welche Nummer ich ist, dass und wieder, denken Sie daran, wir tun, während es weniger als 10 ist. Aber wir fangen bei Null an. Also, wenn ich es aktualisiere, begannen wir Null und wir sehen, dass sich tatsächlich 10 Mal durchschleift und ein Ende bei 24. Und hier ist unser Wert von mir, wie belastend waren. Das ist also dasselbe, wie so etwas zu tun. Also haben wir 1 bis 10 und Salon. Und die wirklich nette Sache über Schleifen ist und eine Erhöhung ist, dass Sie einige wirklich coole Sachen machen können , ähm o s o erinnern, wie, bevor wir uns angesehen hatten, konnten wir die Länge des Strahls sehen, indem wir nicht sicher waren, wo das ging. Aber wir könnten so etwas wie mein Array tun, und wir können Länge bekommen und das gibt uns tatsächlich die Anzahl der Elemente, die innerhalb dieser Rate verfügbar sind eso Wenn ich es bei Null gestartet habe, weil ein Rennen Null begann, könnte ich etwas wie Ausgabe tun, mein Array. Oy! Und dann behalten wir das auch ein Inkrement da drin. Dies ermöglicht es uns im Wesentlichen, alle Elemente im Array zu durchsuchen. Und das ist wirklich nützliche Funktionalität, wenn wir unsere Berechnungen machen und mit den Rays arbeiten . Also ein Raise und Loops funktionieren wirklich gut zusammen, und es bietet all diese wirklich coolen Funktionalitäten. Jetzt können wir auch in einem Grund arbeiten, um Funktionen zu betreiben, oder? So können wir eine Funktion mehrmals aufrufen. Also, wenn wir hier eine Funktion einrichten und sagen wir, diese Funktion wird einige Berechnungen machen , meine Funktion. Und vielleicht können wir das sogar als Inkrement tun, also werde nicht unbedingt etwas dorthin zurückgeben. Sehen Sie, was jetzt passiert, und wir sehen, dass wir das Gleiche bekommen. Wir bekommen dieses Inkrement von a und ich merke, dass wir diese Funktion nur auf einmal in der Schleife aufrufen müssen . Aber im Wesentlichen all dieser Code, der zwischen diesem geloopten Bereich liegt. Dieser Schleifeninhalt wird durch die Anzahl der Male ausgeführt werden, die angibt. Also werde ich all diesen Quellcode in einen anderen Code-Stift aufnehmen. Und wieder ermutige ich Sie zu überprüfen, ob acht den Link dazu enthalten, oder wenn Sie es in Ihrem eigenen Editor verwenden möchten , überprüfen Sie es und sehen Sie, was Sie JavaScript mit Arrays, Funktionen, Schleifen und Bedingungen. Und so ist dies im Wesentlichen die Grundlage von Javascript und zu wissen, wie all diese, wie man diese Syntax verwendet, diese Basissyntax, Lernen und Verwenden Sie es wirklich gut wird Ihnen helfen, Ihr Javascript zu erweitern da Sie sich mit dem vertraut machen, was jede dieser eingebauten Methoden in JavaScript tun und was Sie tun können und wie Sie es erreichen können. In JavaScript wird es Ihnen helfen, eine solide Grundlage für die Erweiterung und Verwendung von JavaScript und komplexeren Anwendungen und Interaktionen mit Ihren Web-Inhalten zu schaffen.