JavaScript Anfänger entdecken Leitfaden zum Codieren von JavaScript | Laurence Svekis | Skillshare

Playback-Geschwindigkeit


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

JavaScript Anfänger entdecken Leitfaden zum Codieren von JavaScript

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

20 Einheiten (2 Std. 20 Min.)
    • 1. BSjavascript

      1:45
    • 2. Einführung in den JavaScript-Kurs

      5:57
    • 3. 2 Einführung in die Kursressourcen

      3:32
    • 4. 3 JavaScript in HTML platziert wo und wie

      8:36
    • 5. 4 Elemente aktualisieren HTML über den DOM

      7:22
    • 6. 5 JavaScript Dokumentenobjekt Modell

      9:24
    • 7. 6 JavaScript Kommentare

      4:29
    • 8. 7 Variablen interaktives JavaScript

      9:28
    • 9. 8 Variablen in HTML

      10:32
    • 10. 10 JavaScript Arithmetische Betreiber

      5:29
    • 11. 11 JavaScript

      5:42
    • 12. 13 JavaScript Bedingte Aussagen und Switch

      10:52
    • 13. 15 JavaScript Loops

      7:16
    • 14. 17 JavaScript Einführung in die Funktionen

      10:51
    • 15. 19 Erstellen deiner HTML-Seite interaktiv und dynamisch mit JavaScript

      8:31
    • 16. 20 JavaScript Event Zuhörer

      4:18
    • 17. 22 JavaScript Arrays

      10:12
    • 18. 24 JavaScript Objekte erklärt

      6:34
    • 19. 26 JavaScript Math

      3:47
    • 20. 28 JavaScript Datum Abschluss

      5:03
  • --
  • 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.

358

Teilnehmer:innen

1

Projekt

Über diesen Kurs

Lerne wie du JavaScript verfassen und deine Webseiten zum Leben erwecken. JavaScript ist überall und das Lernen von JavaScript ist eine nachgefragte Fertigkeit zu haben.

JavaScript ist eine der Kerntechnologien, die im Internet verwendet werden. Image die auf deine Website kommen und mit deinen Inhalten interagieren können. Dies ist JavaScript. Passe deine Web-User Erfahrung an!

  • Erkunde was du mit dem DOM (Document machen kannst. Die Leistung des DOM Dokumentenobjektmodells Der DOM gibt dir die Möglichkeit, deine Inhalte interaktiv zu machen.
  • Informieren und wie du JavaScript-Code schreiben kannst.
  • Variablen stehen im Mittelpunkt der Programmierung, sie geben dir einen Container zum Halten von Informationen, die einfach auf den Zugriff und die Bearbeitung von Inhalten zugreifen können.
  • Ausgabe von Inhalten für Webbenutzer zum Verbrauch Erfahren Sie, wie du Inhalte auf deiner Webseite ausgeben kannst, damit alle deine Webbesucher sehen können. Maßgeschneiderte Inhalte bereit, um dir Besucher zu wecken. Warnungen und andere interaktive Objekte für Webbenutzer.
  • Operatoren mit Variablen und wie die Programmierung funktioniert. Alles über Operatoren und was du damit machen can Operatoren,
    bedingte Operatoren und mehr
  • Bedingte Aussagen für TRUE und FALSE Checks. Prüfen Sie, ob die Bedingung erfüllt ist und lassen Sie JavaScript antworten.
  • Loops in JavaScript spart Zeit und tut mehr. Speichern Sie den Code in Zeit, wiederholen und wiederholen Sie es erneut. Wiederholende Aktionen mit Schleifen vereinfacht.
  • Erforsche was du mit Funktionen machen kannst. Codeblöcke, die einfach in deinem Code aufgerufen und ausgeführt werden können.
  • Event mit denen du Interaktion auf deiner Website erstellen kannst. Die ultimative Verbindung zwischen Benutzern und deinem Code. Ihre Aktion und dein Code können darauf reagieren.
  • Halt mehr Daten mit Arrays und Objekten an. Mehrere Werte in einer Variable. JavaScript ist mit so vielen Dingen bereit, die mit den Daten im Array durchgeführt werden können.
  • Math, Datum und noch vieles mehr

Dieser Kurs wird von einem Lehrer mit mehr als 18 Jahren Erfahrung in der Webentwicklung unterrichtet.

Ich helfe dir, etwas über JavaScript zu erfahren und bereit, alle Fragen zu beantworten, die du vielleicht hast.

Wenn du noch heute bereit bist, JavaScript zu codieren.

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. BSjavascript: erfahren Sie, wie Sie JavaScript schreiben und bringen Sie Ihre Web Pfirsiche Zehe Leben. JavaScript ist überall. Lernen von JavaScript ist ein gefragter Skill Toe. JavaScript ist eine der Kerntechnologien, die heute im Web verwendet werden. Stellen Sie sich vor, Webbenutzer kommen auf Ihre Website und können mit Ihren Inhalten interagieren. Dies ist JavaScript. Passen Sie Ihre Web-Benutzererfahrung an. Erfahren Sie, was Sie mit dem Dokumentobjektmodell „Dawn“ tun können. Nutzen Sie die Kraft der Morgendämmerung, um Inhalte interaktiv zu gestalten. Erfahren Sie mehr darüber, wie Sie Ihren Job kommentieren und schreiben. Zeichnen Sie auf, wie Variablen in ihrem Center Off-Programm verwendet werden. So, wie sie manipuliert und zugegriffen werden können. Putting von Inhalten, die Webbenutzer verbrauchen. Erfahren Sie mehr über die Inhalte heraus. Putting es in Ihren Web-Browsern. Sehen Sie es Anpassung dieser Inhalte wirklich wecken Ihre Besucher Warnungen und interaktive Objekte , die in Web-Programmieroperatoren mit Variablen verwendet werden und wie die Programmierung funktioniert. Bedingte Anweisungen für wahre oder falsche Schecks und eine ganze Menge mehr Schleifen in JavaScript. Sparen Sie Zeit. Erkunden Sie auch Funktionen, bei denen es sich um Codeblöcke handelt, die leicht innerhalb Ihres Gerichts ausgeführt werden können. Dann Ereignis-Listener. Sie geben Ihnen, dass interaktive Fähigkeit, Hören für bestimmte Auktionen und ermöglicht es Ihnen, Reaktionen auf Ihre Web-Benutzer noch mehr Daten mit den Strahlen und Objekten. JavaScript gibt Ihnen eine Menge Macht, die Sie mit einer Erhöhung in Funktionalität in JavaScript, wie Mathematik, Datum und eine ganze Menge mehr tun könnten in JavaScript, wie Mathematik, wie Mathematik, . Dieser Kurs wird von Dozenten mit über 18 Jahren Erfahrung in der Webentwicklung unterrichtet. Ich bin hier, um Ihnen zu helfen, mehr über JavaScript zu erfahren und bereit, alle Fragen zu beantworten, die Sie haben. Also, wenn Sie bereit sind, beginnen wir heute mit JavaScript umzuwerben. 2. Einführung in den JavaScript-Kurs: Willkommen zu unserem Einführungskurs zu JavaScript, wo wir alle erstaunlichen Funktionen und Dinge erkunden, die JavaScript zu bieten hat . Mein Name ist Lawrence, und ich werde dein Lehrer für diesen Kurs sein. Und ich bin so aufgeregt, diese Gelegenheit zu haben, Ihnen heute Javascript zu präsentieren. Ich arbeite seit vielen Jahren mit JavaScript entwickle Websites und alle Arten von wirklich coolen Anwendungen mit JavaScript. Und ich bin hier, um Ihnen zu helfen, mehr über JavaScript zu erfahren. Und ich bin auch bereit, alle Fragen zu beantworten, die Sie in Bezug auf JavaScript haben. Dieser Kurs wurde entwickelt, um Ihnen die Grundlage einen Ausgangspunkt zu geben, um etwas über Javascript zu lernen . Es wird einige der wirklich erstaunlichen Funktionen demonstrieren, die Sie mit JavaScript tun könnten . Dieser Kurs ist so konzipiert, dass Sie schnell mit dem Schreiben von Code beginnen können. Ich trat demonstrieren, wie ich eingerichtet bin und wie Sie auch Ihren lokalen Computer einrichten können, um einige Javascript-Code zu schreiben und zu erstellen. Also muss ich Ihnen zeigen, wo Sie dieses JavaScript in Ihrer Webseite in Ihrem HTML-Code platzieren können. Außerdem werden wir das Dom vorstellen, also die Morgendämmerung ist super mächtig und ein wichtiger Teil der Interaktion innerhalb Ihrer Webseiten . Es gibt Ihnen die Möglichkeit, auf jedes Element eines Ihrer HTML-Elemente zuzugreifen und Dinge damit geschehen zu lassen. Und das ist der Dump, das Dokumentobjektmodell. Wir werden also erforschen, was das Dom ist und wie auch Sie über JavaScript mit der Morgendämmerung interagieren können und Dinge auf Ihren Webseiten passieren lassen. Wir werden uns auch in unserem JavaScript-Code kommentieren. Kommentieren ist also ein wichtiger Teil des Schreibens von Code, weil es Ihnen die Möglichkeit gibt, Dinge in Ihrem Code zu referenzieren und auch in der Lage zu sein, zu einem späteren Zeitpunkt zurückzugehen und diese Kommentare zu lesen und zu verstehen, dass Code bessere Variablen im Kern von Programmierung ist. Variablen geben uns also Stabilität, Toe Hold-Informationen, und dann können wir zu einem späteren Zeitpunkt auf diese Informationen zugreifen und sie manipulieren. Variablen sind super wichtig, und in diesem Kurs werden wir alle grundlegenden Konzepte und die Verwendung von Variablen innerhalb Ihrer Codierung abdecken . Außerdem, wie Toe Inhalte auf Ihrer Webseite ausgeben. Natürlich gibt Ihnen JavaScript die Möglichkeit,diesen Inhalt zu manipulieren und diese Inhalte auf Ihrer Webseite zu aktualisieren. Wir zeigen Ihnen, wie Sie diese Interaktionen direkt mit JavaScript und Natürlich gibt Ihnen JavaScript die Möglichkeit, diesen Inhalt zu manipulieren und diese Inhalte auf Ihrer Webseite zu aktualisieren . Wir zeigen Ihnen, wie Sie diese Interaktionen direkt mit JavaScript und Importieren Sie ihre Benutzerantworten direkt in Ihren Code und verwenden Sie diese dann, indem Sie diese Antworten in Ihrem Mantel verwenden, so dass Sie können, wirklich, während Ihre Besucher und anpassen ihre Inhalte und Erfahrung Operatoren sind ein weiterer wichtiger Teil der Codierung Operatoren zu verstehen, und was verfügbar ist, ist super wichtig. Es gibt alles, von arithmetischen Operatoren bis zu bedingten Operatoren und vieles mehr so dass wir auch Operatoren abdecken werden. In diesem Kurs, dann Aussagen. Statements sind ein weiteres grundlegendes Kernkonzept der Programmierung. Sie müssen in der Lage sein, etwas zu betrachten und zu beurteilen, ob es wahr oder falsch ist, und dann eine Art von Aktion ergreifen und eine Art von Antwort für den Benutzer erstellen. Und JavaScript gibt Ihnen die Möglichkeit, dies zu tun. Auch JavaScript und Looping in JavaScript gibt Ihnen wirklich viel Macht, weil es Ihnen die Möglichkeit gibt , durch Stücke, eine Erkältung oder bestimmte Aktionen zu schleifen . Und es vereinfacht wirklich den Prozess dieser sich wiederholenden Aktionen, gibt Ihnen die Möglichkeit, sie mehrmals so oft auszuführen, wie Sie möchten und diese Ausgaben zu erstellen . Auch ein weiteres grundlegendes Kernkonzept der Programmierung sind Funktionen jetzt. Funktionen geben Ihnen die Möglichkeit, Codeblöcke auszuführen, und Sie können diese Codeblöcke jederzeit ausführen. Und es gibt noch viel mehr, was Sie auch Funktionen ausführen können, wie zum Beispiel das Übergeben von Werten in diese Funktionen, Berechnungen und das Zurücksenden von Antworten. Auch Ereignis-Listener. Im Laufe des Kurses werden wir diese Ereignis-Listener und Ereignis-Listener Teil des Dom abdecken, und sie geben Ihnen die Möglichkeit, jedes Element in Ihrem HTML-Code interaktiv zu machen. Es ist die Kunst. Es ist die ultimative Verbindung zwischen Benutzern und Ihrem Code, ihre Aktion innerhalb ihres Codes und dann Ihre Reaktion auf ihre Aktionen. Dies ist, was Ereignis-Listener veranlassen. Ihre Webseiten, Arrays und Objekte geben Ihnen auch einen anderen Weg. Zehe halten mehrere Werte und Arrays und Objekte sind wirklich wichtig. Container in JavaScript und sowie eine Erhöhung, haben eine ganze Reihe von eingebauten Funktionen und Funktionen, die Sie in JavaScript tun können, und wir werden einige der wirklich coolen Dinge demonstrieren, die Sie tun können, sobald Ihre Daten in ein Array und was Sie damit sowohl in JavaScript als auch in Objekten tun können. Darüber hinaus werden wir uns auch einige der eingebauten Funktionen ansehen, die bereit sind, in JavaScript toe zu gehen , helfen Ihnen, Werte zu erhalten und Ihre Codierungserfahrung viel einfacher und Abendessen zu machen . Und das ist mit mathematischem Datum und einer Reihe anderer wirklich cooler Funktionen, die bereits bereit sind, in JavaScript zu gehen und Ihnen die Möglichkeit gibt. Rufen Sie einfach diese Funktionen auf, geben Sie Antworten zurück und integrieren Sie diese in Ihren Code. All dies und noch viel mehr ist in diesem Kurs enthalten. Wenn Sie bereit sind, springen wir direkt hinein, öffnen Sie unsere Editoren und beginnen Sie mit der Erstellung von JavaScript. 3. 2 Einführung in die Kursressourcen: JavaScript, zusammen mit HTML und CSS sind die drei Ecke-Kerntechnologien des Internets heute. Das bedeutet im Grunde, dass die meisten modernen Websites heute JavaScript innerhalb ihres Quellgerichts verwenden und diesen Code ausgeben. Alles, was Sie tun müssen, ist einen Browser zu haben, also ist es zusammen mit HTML und CSS. Es ist ein Browser, der tatsächlich an diesem Code rendert. In diesem Kurs werde ich Ihnen zeigen, wie Sie JavaScript schreiben, und Sie werden erstaunt sein, wie einfach es ist, JavaScript zu erstellen. Um JavaScript zu schreiben,benötigen Sie ein paar Ressourcen. Um JavaScript zu schreiben, Und die Chancen stehen, dass Sie diese bereits auf Ihrem Computer haben. Vor allem ist eine der wichtigsten Ressourcen, die wir brauchen, um einmal den Code zu schreiben, um den Code tatsächlich zu sehen , ein Browser. In diesem Fall verwende ich Chrome als meinen Browser, und ich kann hier sehen, wenn ich zu einer Website gehe, es rendert den Code innerhalb der Website und Sie können den Quellcode jeder Website sehen. Und hier können Sie sehen, dass es eine Reihe von Js-Dateien gibt. Das sind also alle JavaScript-Dateien, und wir haben das öffnende Skript und das schließende Skript. Also wieder, das ist mehr JavaScript und wie bereits erwähnt, wird fast jede Website JavaScript haben. Hier ist also etwas mehr JavaScript, und es ist buchstäblich überall und im Internet verwendet. Um JavaScript-Code zu schreiben, können Sie jeden Editor in diesem Kurs verwenden, den ich Adam s verwenden werde. Dies ist ein freier Open-Source-Editor. Es ist auch auf anderen Plattformen verfügbar. Also bin ich auf einem Windows-Rechner. Deshalb wurde ich gebeten, die Windows-Version herunterzuladen. Es gibt also auch andere Plattformen, einschließlich Max. Also diese Luft die Download-Dateien für Max und so weiter. Also, je nachdem, welche Plattform, und wenn Sie sogar nach einem Editor suchen, dann können Sie Adam überprüfen. Aber wieder besteht die Wahrscheinlichkeit, dass Sie bereits einen Editor auf Ihrem Computer haben. So ist jeder Editor, alles, was Text schreiben kann, ideal zum Schreiben von JavaScript. Und einer der Gründe, warum ich Autumn benutze, ist, dass es eine wirklich gute Schnittstelle hat , und ich habe in letzter Zeit ziemlich viel von meiner Programmierung in Adam gemacht. Also wieder, es spielt keine Rolle, welchen Editor Sie verwenden. Es gibt eine Reihe von ihnen da draußen sowie System. Es sind Dateisysteme, die sich bereits auf Ihrem System befinden. Solange Sie die Dateien als HTML-Dateien speichern können, ist das alles, was Sie tun müssen, um sie in Ihrem Browser auszuführen und JavaScript zu rendern . Jetzt gibt es auch noch eine andere Option. Es gibt also mehrere Online-Editoren, wie Code-Stift Io Sys, eine andere, die ich oft verwendet habe. Und die Sache ist, dass ich am Code-Stift mag, ist, dass alles, was Sie innerhalb des Werbungsbereichs hier eingeben , auf der rechten Seite angezeigt wird, so dass Sie HTML tun können. Sie können CSS tun und Sie können JavaScript tun, und es macht es einfach. Also werde ich nur einen schnellen HTML-Code machen und wir sehen, dass der Zeilenumbruch macht, und wir sehen, dass der Code und der Anzeigebereich alle gerendert werden, damit wir sofort sehen können , was dieser Code tut und wie wir ihn verwenden können. Also werde ich dies auch in diesem Kurs verwenden, sowie Dateien in Adam erstellen und in der nächsten Lektion werden wir in tatsächlich angefangen, etwas JavaScript zu schreiben. Also, das kommt in der nächsten Lektion. 4. 3 JavaScript in HTML platziert wo und wie: in dieser Lektion beginnen wir mit der Erstellung von JavaScript. Zunächst einmal benötigen wir eine HTML-Datei, um in unserem Browser zu rendern. Also geh voran und erstelle Indexpunkt-HTML genau wie ich es hier getan habe. Und im Grunde können wir einfach einen Text reinlegen und öffnen sich im Browser. Also möchte ich bemerken, dass, wenn Sie dort bemerken, dass ich zum lokalen Host gehe und es den Code tatsächlich rendert. Eso dies nur zu beachten, dass ich auch Beispielserver im Hintergrund laufe und das wird Unfähigkeit, zu einem lokalen Host zu gehen. Eso. Wenn Sie Interesse an Download-Beispiel sind, ist es vorbei bei Apache friends dot orig und wieder, es ist nicht notwendig, JavaScript auszuführen. Es macht es einfach ein nettes und Niedere dein l zu gehen, und ich habe zu diesem Js-Verzeichnis ernannt. Also, wenn es läuft, verweist der lokale Host auf diese Route und ich habe Index als meine Root-Datei, und deshalb rendere ich es so. Also möchte ich nur darauf hinweisen, dass es im Hintergrund läuft. Das ist es da. Das ist das Bedienfeld. Also, wenn Sie es herunterladen und installieren. Dann werden sie auch so etwas sehen. Und du kannst anfangen. Sie können Ihren Server starten. zunächst Lassen Sie unszunächstetwas JavaScript erstellen. Nun, wenn Sie mit HTML vertraut sind, ist es ein Siris, Tags zu öffnen und zu schließen. Also haben wir unser HTML-Tag, und dann haben wir ein schließendes HTML-Tag. Wir haben vorangehen. Tag, wir haben ein schließendes Head-Tag. Wir haben ein Körper-Tag und wir haben ein schließendes Körper-Tag. Und wenn du dich fragst, okay, warum mache ich das alles durch? HTML liegt daran, dass es eine Reihe von Orten gibt , an denen Sie JavaScript in Ihrem Code platzieren können , und manchmal sehen Sie JavaScript hier oben. Also siehst du etwas wie Skript und dann schließendes Skript, und dann hast du dein JavaScript hier in der Mitte, also wird dieses Gericht hier als JavaScript gerendert. Das ist also eine Option, und du könntest es auch tun. Du könntest es in deinem Körperbereich tun. Oft versuchen Leute zu vermeiden, dass ihr Code mit ihrem HTML vermischt wird. Es ist nicht wirklich gute Praxis, also nehmen Sie entweder in die Praxis, es oben zu platzieren oder es unten zu platzieren. Also gerade nach all Ihren HTML-Inhalten und Sie haben hier eine Reihe von Sachen, vielleicht eso blah, blah black. Und dann, nachdem Sie alle Ihre HTML-Inhalte beendet haben, kurz bevor Sie den Körper schließen, können Sie Ihr JavaScript auch dort platzieren. Jetzt gibt es bestimmte Vorteile und Down-Sites, um es zu platzieren. Eso einige Leute werden es immer an der Spitze platzieren. Einer der Nachteile Teoh im Code oben ist, dass manchmal, wenn der Code länger dauert , bis er durchläuft, Sie möglicherweise etwas Verlangsamung in Ihrem Skript haben. Und die andere Sache ist auch, auch, sich bewusst zu sein, worüber wir später sprechen werden. Wenn Sie JavaScript Zugriff auf Inhaltselemente aus Ihrem HTML. Also, wenn ich ein DIV dort habe und wenn ich versuche, mit meinem JavaScript darauf zuzugreifen, wenn ich versuche, auf das zuzugreifen, was den Dom genannt wird. Dies ist also das Dokumentobjektmodell enthält alle Elemente innerhalb der Seite. Dann müssen Sie es unten platzieren, oder Sie müssen warten, bis der gesamte HTML-Code gerendert und dann darauf zugreifen kann. Es s o initiiert es, sobald das dom geladen hat. Das ist also einer der Gründe, warum Sie den Code oft auch unten finden werden , weil viele Male mit den dom-Elementen interagierten. Und deshalb legen wir es gerne unten, so dass jetzt alle dom-Elemente erstellt werden können . Auch in anderen Fällen sehen Sie möglicherweise, dass Javascript mit einer Skriptdatei verknüpft ist. Das wird also dasselbe sein wie das Tapen des JavaScript in Ihrem Quellcode . Aber es gibt einige Vorteile beim Verknüpfen mit einer Skriptdatei. Also, um Teoh Java-Skript zu verknüpfen, Also werde ich nur diesen Javascript-Punkt nennen Js So Js ist die Erweiterung für JavaScript-Dateien und schließen Sie dieses Skript eso Jetzt wird es nach einer Datei namens Javascript J s suchen. und speichern Sie dies, damit ich dieses als Javascript GS s O speichern werde. Dies ist das gleiche wie das Skript innerhalb der Seite zu haben. Aber der Vorteil, dass Sie eine separate Datei mit Ihrem JavaScript haben, ist, dass Sie tatsächlich von mehreren Seiten verknüpfen können , damit ich JavaScript verwenden kann. Und wenn ich das gleiche Javascript habe, das ich auf mehreren Seiten ausführen möchte, kann ich einfach damit verlinkt werden. Und in der Regel ist dies Best Practice. Wenn Sie eine Website haben, ist es immer eine gute Idee, Jobs, Skriptdateien zu erstellen und dann einfach mit ihnen zu verknüpfen. Wenn Sie einige Dinge haben, die auf dieser Seite und nur speziell für diese Seite sind, dann können Sie gehen und es innerhalb des Skripts platzieren. So öffnen und schließen Sie Skript-Tags wieder. Dies hängt davon ab, was Sie mit dem JavaScript auf das erreichen möchten, was in Ihrem Quellcode enthalten ist . Eine Möglichkeit könnte besser funktionieren als eine andere, und wenn Sie eine große Website erstellen, versuchen Sie, eine Verknüpfung mit der Datei eso zu erstellen. Es macht es einfach viel sauberer und macht Ihren Quellcode viel lesbarer. Also werde ich dieses hier nach oben loswerden, weil meine Vorliebe darin besteht, die Skript-Tags unten zu halten, weil ich die Idee mag, dass auch, wenn ich mit Js-Dateien verlinke, dieselben Prinzipien gelten, so platzieren Sie sie an der Unterseite, kurz bevor Sie das Body-Tag schließen. Und wieder, dies gibt uns die Möglichkeit, mit diesem div hier in unserem HTML zu interagieren. Und ich werde Ihnen das in den kommenden Lektionen zeigen. Ich werde mehr über die Morgendämmerung reden, weil es eine Menge Kraft gibt. Es ist super mächtig und super nützlich in JavaScript. Also wieder, all diesen Code zu behalten, der sie nett und ordentlich unten sind, bevor Ihr Körper sich schließt , sind Best Practices, die Sie nicht setzen möchten, dass Sie das können. Aber Sie möchten Dinge wie Ihre Skript-Tags hier nicht in die Mitte Ihres HTML setzen, so dass es nicht richtig aussieht und es nicht schön aussieht. Und wirklich, es ist keine gute Idee, es in diesem Format zu behalten, weil Sie in der Lage sein wollen, schnell auf Ihre Skriptdateien zugreifen. Wenn Sie Änderungen oder Fehler vornehmen müssen oder Fehler zur Fehlerbehebung haben, dann ist es immer eine gute Idee, alles an einem Ort zu haben. Also gebe ich dir nur eine Probe ab. Was? Putting von JavaScript so bedeuten Typdokument, richtig? Hallo. Sie können sehen, dass, wenn ich das aktualisiere, ich habe, dass der Inhalt dort geschrieben. Das ist also eine Möglichkeit, Inhalte in JavaScript auszugeben. Aber auch hier gibt es viel bessere Möglichkeiten, Code zu schreiben oder Ihren HTML-Code zu aktualisieren, als Ihr JavaScript in die Mitte zu setzen. Also werde ich das loswerden. Ich werde die Dokumentenrate behalten und nur die Seite dort aktualisieren. Jetzt ist es nach unten verschoben, und in der nächsten Lektion werde ich Ihnen eine bessere Möglichkeit zeigen, Hallo in Ihrem HTML zu schreiben, als das, was wir gerade tun . Und wollte auch beachten, dass dies das gleiche ist, wenn ich das nur gespeichert habe und ich es hier platzieren und vielleicht werden wir es aktualisieren. Also hallo, Welt. Und fügen Sie dort auch etwas HTML hinzu. Jetzt, wenn ich es auffrische, ist es das Gleiche. Es macht es diesen Code aus. Die Art und Weise, wie der Browser funktioniert, ist, dass er all Ihren HTML-Code durchliest, wenn er diese JavaScript-Datei trifft . An diesem Punkt, Zeile sechs. Es nimmt all dieses JavaScript an, als ob es auf dem Seitenrendern wäre, also läuft durch das Kabel, rendert bei allem, was es rendert, und fährt dann fort. Also würde es zuerst dieses Skript treffen, und dann würde es dieses Skript als nächstes treffen, damit ich Ihnen das zeigen kann, wenn ich es aktualisiere. Ich habe das Hallo dort, also und rendert es in der Reihenfolge aus, in der es im HTML dargestellt wird. nächste Lektion wird also näher in das Dokument eingehen und Ihnen zeigen, wie wir das ein wenig effizienter machen können . Es kommt also in der nächsten Lektion auf. 5. 4 Elemente aktualisieren HTML über den DOM: In dieser Lektion werde ich Ihnen einen besseren Weg zeigen, wie wir Code in unserem HTML schreiben können. Also, vorher hatten wir uns das angeschaut. Wir können die Skript-Tags öffnen und schließen und sie in unserem HTML und Cabin Rendern dort platzieren . Aber was passiert eigentlich, wenn ich eine Tonne HTML dort habe und ich etwas Javascript in die Mitte lege, also wird es nie wirklich nett und ordentlich aussehen, also Idealfall wollen wir den Code an der Unterseite. Aber sagen wir, zum Beispiel, ich möchte es platzieren, wenn in diesem speziellen Dip. Also möchte ich diesen Kontaktinhalt blah aktualisieren. Und ich wollte, dass Teoh etwas anderes sagt. Also lasst uns das auf I d geben und so nenne ich es einfach mein e e e e e und dann unten unten, was ich tun werde, ist Zwiebel tatsächlich bekommen oder vielleicht werden wir dieses loswerden, und ich werde von diesem JavaScript arbeiten Datei, damit wir ein wenig hin und her blättern. Also zuerst, lassen Sie uns diesen Wert identifizieren , , also werde ich ihn geben, also werde ich das Dokument benutzen. Objekt. Also wieder, das ist die Morgendämmerung, und es ist wirklich wichtig, sich mit dem Dom vertraut zu machen und wie er aussieht und wie er funktioniert. Also lasst uns tun bekommt Elemente von i D. D. Und das ist eine andere wirklich coole Sache über JavaScript ist, dass es eine ganze Reihe von diesen eingebauten Funktionen hat , die es uns wirklich erlauben, einige wirklich mächtige und coole Dinge zu schaffen Zehe passieren. Also in diesem hier machen wir Element von i d. Also im Wesentlichen geht es durch das Dokumentobjekt, das ich erklären werde, dass ein Schwung kommt, und es wird Element von i d bekommen. und es wird Element von i d bekommen. durch dieses vollständige Dokument. Es ist, das Element zu finden, das das I d my l hat, und ich werde hier etwas anderes tun. Wir werden eine andere eingebaute Methode in JavaScript machen, wo wir inneres HTML tun werden. Und in diesem inneren HTML trägt das eine seltsame Hello Welt und werde diese hier loswerden und das einfach ein wenig aufräumen . Und ich weiß, dass es irgendwie von der Seite läuft, aber schauen wir uns in unserem Browser an und sehen, wie das aussieht. Wir sehen also, dass wir unsere Hello Welt haben. Es hat tatsächlich diesen Inhalt dort verändert. Wenn ich also tatsächlich zum Quellcode gehen sollte, gibt es dort keine Hallo Welt. Also, was ist hier passiert, wenn ich Elemente inspizieren? Also das ist Chrome-Browser gibt mir die Möglichkeit, Elemente zu inspizieren, die wir sehen. Wir haben das Element, das mein e l e und wir sehen, dass es mit dem neuen HTML darin platziert aktualisiert wird. Also, was hier passiert ist, ist, dass, wie wir durch die Seite gehen, eso anfänglich, was passiert, wenn der Browser in diesen Index dot html läuft? Seite ist, es macht all das aus. Dies ist der Quellcode. Es trifft auf das JavaScript. Das JavaScript sagt es, in das Dokument zu schauen, so dass alle diese Informationen innerhalb des Dokumentobjekts enthalten sind , das nach dem Element mit meinem e l E sucht, das dort ist, und es sagt inneres HTML. Und es aktualisiert, was der Inter HTML damit aktualisiert den visuellen Code und auch, an diesem Punkt, dass funktionierenden Quellcode eso Dies ist anders als der Quellcode, weil dies der dynamische Quellcode ist, der in der Morgendämmerung enthalten ist, und das ermöglicht es uns, Inhalte dynamisch zu aktualisieren. Und auch, wenn wir zu unserem Quellcode gehen, sieht das viel sauberer aus. Eso haben wir hier keinen Haufen JavaScript gemischt, und jederzeit können wir unsere JavaScript-Datei öffnen. Und wenn wir hier eine Aktualisierung unserer Nachricht machen wollen, können wir die Nachricht immer ändern. Und das Gute an Javascript, seine Dynamik. Es ist interaktiv, was ich Sie in den kommenden Lektionen verklagen werde. So macht es wirklich einfach, Nachrichten zu aktualisieren und so weiter. Also, wenn ich jetzt wieder hier rausgehe, erfrischen ich es. Ich habe eine Nachricht aktualisiert. Also habe ich hier völlig neue Ausgabe für die Web-Benutzer bekommen. Also fragen Sie sich wahrscheinlich, , was ist die Morgendämmerung und was in dem Mist enthalten ist? Und das ist einer der Gründe, warum ich gerne Chrome verwende. Und wieder ging ich zu inspizieren. Sie können steuern, verschieben Sie I oder klicken Sie überall, wo es leer ist oder gehen Sie zu Ihrem Browser hier und gehen Sie zu den Einstellungen, und Sie können oder mehr Werkzeuge, und Sie können es dort als auch öffnen. Eso gibt es viele Möglichkeiten, diesen Zweifel Entwicklertools zu öffnen und die wirklich coole Sache an Entwicklertools ist, dass es tatsächlich alle dom-Informationen enthält. Das sind also alle Informationen, die im Dom enthalten sind. Und wie wir hier sehen können, haben wir eine ganze Menge Informationen und es gibt diesen inneren HTML-Code. Im Grunde genommen für dieses bestimmte Element zieht es für dieses bestimmte Elementden gesamten HTML-Code heraus, der in diesem bestimmten Element enthalten ist. Und wenn wir nach dieser ganzen Seite suchen, alles, was innerhalb des DOM enthalten ist. Das ist es, was wir haben. All dieser innere Text und inter html. Und der Unterschied zwischen inter text und Inter html besteht darin, dass Inter text derselbe Inhalt ist , der ohne HTML ausgegeben wird. Und wenn wir nach oben gehen, um HTML einzugeben, sehen wir den Inhalt mit dem Alter von zwei Männern. Wir sehen die Dibs dort. Wir schrauben das, sehen die Skript-Tags und alles. Es gibt so alles, was ich getan habe, ist, dass ich durchgemacht habe und alle verschiedenen untergeordneten Knoten durchgegangen bin , also sehen wir, dass es eine Reihe von untergeordneten Notizen gibt und wir können sehen, dass dies derjenige ist , den wir ausgewählt haben. Es ist also ein Div mit dem i d my e l e s. Es ist also nicht unbedingt, dass es das Besondere sein muss, das ein div sein muss. So kann jedes Element mit einer Idee das als Kind aufnehmen. Hinweis: Wir können sehen, dass dieser selbst einige untergeordnete Knoten hat. Aber wir gehen hier nach unten und wir können sehen, dass der innere HTML und Inter Text mit unserem neuen aktualisierten Wert ist . Und das ist im Grunde, wie der Dom funktioniert. Und es gibt wirklich so viel, was du mit der Morgendämmerung tun kannst. Wenn Sie ein wenig mehr nach unten gehen, können Sie alle diese auf Unschärfe beim Klicken sehen. Also diese Luft die Ereignis-Listener im Dummen. Also, im Grunde jedes Element innerhalb der Seite, können Sie Ereignis-Listener hinzufügen. Sie können Informationen abholen, Sie können die Informationen mit JavaScript aktualisieren. Und hier wird Javascript so super mächtig wie der Dom, weil es uns so viel Macht gibt, gibt uns Zugriff auf das gesamte Objekt, und das Objekt ist, wo all diese Informationen enthalten werden. Eso Wenn Sie tatsächlich mehr Informationen über das Objekt sehen möchten, können wir unser Konsolenprotokoll verwenden und dieser Kerl gibt uns tatsächlich die Möglichkeit, mehr Informationen und Seymour detaillierte Informationen darüber, was in dem Hund enthalten ist, herauszufinden . Also werde ich dir in der kommenden Lektion ein bisschen mehr darüber zeigen. 6. 5 JavaScript Dokumentenobjekt Modell: In der vorherigen Lektion habe ich Ihnen eine wirklich coole Möglichkeit gezeigt, Inhalte zu aktualisieren, die für den Webbenutzer über JavaScript sichtbar sind, wodurch alle unsere HTML-Elemente interaktiv und dynamisch sind. Und das war alles in der Morgendämmerung enthalten. Und wir können auf den Dom zugreifen und tatsächlich mehr Informationen über das Dom sehen wir werden Konsole eso verwenden. Dies ist eine weitere Möglichkeit, Ihr JavaScript zu debuggen und um mehr Informationen darüber zu erfahren, was mit Ihrem JavaScript passiert, das wir verwenden. Wir verwenden die Konsole dort, um Informationen in der Konsole abzumelden. Sie können das Konsolenprotokoll verwenden. Also, wenn ich Konsolenprotokoll Hallo. Und wenn ich wieder auf die Seite gehe, kann ich sehen, dass ich mir im Wesentlichen eine Nachricht hier innerhalb des JavaScript übergebe. Dies ist diese Konsoleninformationen werden nirgendwo hier auf der Ausgabeseite sichtbar sein. Der Web-Benutzer wird also nicht wissen, es sei denn, sie gehen tatsächlich in Ihren Quellcode und sehen welche Informationen tatsächlich hier draußen sind. Ich setze hier s, so dass dies wirklich gut ist, um Werte und Variablen zu debuggen und zu übergeben weitere Informationen darüber herauszufinden, was in bestimmten Variablen und Objekten in JavaScript enthalten ist . Eso Dies ist, was wir werden, dass für, wenn wir mehr Informationen über die Dom eso Chrome wirklich eine wirklich gute Eigenschaften finden wollen hier. Wenn ich zu Elementen gehe, kann ich meine Eigenschaften sehen. Ich kann all diese Objekte hier sehen, und ich kann das irgendwie durchsehen und alle Informationen herausfinden, die ich herausfinden möchte. Hier ist Oh, ich habe die Fähigkeit, durch den Dom zu durchqueren. Ich kann meinen Stil aktualisieren, so dass es ziemlich viel gibt, was ich in dieser Konsole tun könnte. Manchmal möchten Sie das Dokument, das Objekt direkt in der Konsole ausgeben und es einfach so durchschauen, dass Sie möglicherweise keinen Zugriff auf das Element haben , oder Sie möchten vielleicht einfach diesen Weg durchgehen, weil auf diese Weise haben Sie tatsächlich mehr Kontrolle. Lassen Sie mich Ihnen zeigen, wie wir konsul verwenden können, um Informationen auszugeben, die in bestimmten Elementen oder innerhalb der Morgendämmerung als Ganzes enthalten sind. So können Sie Konsole d r I tun, und wir können Dokument tun. Beachten Sie also, dass ich kein halbes Dokument als irgendetwas definiert habe, während hallo. Ich habe tatsächlich einen String-Wert hatte, den ich ausgab und Konsul D r I gegangen bin Also das gibt mir eine Konsul Verzeichnisansicht des Dokuments. Objekt. Dieses Dokument ist also kein Zufall, dass ich das Dokument auch dort geschrieben habe, weil dies das Objekt ist, und dies ist das Hauptobjekt der obersten Ebene, das hier das Dokument genannt wird, das eine ganze Menge Informationen enthält, die wir nur Blick auf. Also, wenn ich es aktualisiere, sehe ich das in JavaScript Js Zeile eins. Ich setze Hallo Zeile zur Remote, um das gesamte Dokumentobjekt zu setzen. Und das wird wirklich cool, denn wenn ich das Dokumentobjekt geöffnet habe, gibt es alles, was auf der Seite enthalten ist. Also habe ich die gleiche Fähigkeit, zu untergeordneten Knoten zu gehen. Ich kann all diese Informationen bekommen. Ich kann untergeordnete Knoten fortsetzen. Also habe ich Kopf, Text, Körper und so weiter. Also sind hier nur eine Menge Informationen enthalten und ich kann weiter untergehen. Also habe ich mein ganzes Kind. Nein, es ist so, wenn ich zu Dokumenten gehen und ich ging zu HTML und dann ging ich zu. Also, wenn ich Dokument HTML ging Also lassen Sie uns sehen, was tatsächlich hier passiert. Wenn ich Dokument html gehe, lassen Sie uns Dokumententext tun, weil wir in den Dokumenten sind. Also werden wir nicht alle HTML herausziehen, also ist es das Dokument Körper aktualisieren. Es ist ein Dokumentenkörper dort und wir sehen, dass wir alle diese untergeordneten Knoten haben. Also lassen Sie uns dies tun, wenn nicht Dokumentkörper und wir können die inter html dort aktualisieren. Also lasst uns hier etwas Interessantes ausprobieren, wo wir diesen inneren HTML-Code des Dokumentenkörpers aktualisieren werden. Also ein Dokumentkörper, inneres HTML. Und das ist richtig. Gott. Also, was denkst du, wird hier passieren, um das zu bemerken. Ich habe dieses Element ausgewählt. Ich habe sein inneres HTML aktualisiert. Wir haben den Inhalt, den ich hier platziert habe. Also, was wir jetzt getan haben, ist, dass wir gesehen haben, dass wir ein Dokument haben. Wir haben Körper als eines der Elemente dort, und wir hatten ein inneres HTML für den Körper, also hatten wir all diesen Inhalt hier. Was denkst du, wird jetzt passieren, wenn ich es auffrische? Und wenn Sie sehen, dass wir Gon sind, ist es wirklich weg, und wir sehen auch, dass wir hier einen Fehler werfen, weil wir jetzt versuchen, auf ein Element zuzugreifen , das nicht mehr existiert, und hier werfen wir einen Fehler. Dies ist ein weiteres gutes Beispiel dafür, wo die Konsole nützlich ist. Denn wenn ich das geschlossen hätte, wüsste ich nicht, dass ich diesen Fehler tatsächlich sehe oder dass ich eine Luft bekomme. Dies ist also, wo Web-Entwickler und JavaScript-Entwickler, die den Konsul oft verwenden weil wir in der Lage sind, eine Menge von Informationen hier in der Konsole enthalten zu bekommen. Also lasst uns hier noch ein Update machen, und sagen wir, dass wir es tun. Sie erhalten Element von i D. Und wir möchten das in das Konsolenprotokoll ausgeben, anstatt dass Sie das dort loswerden und Konsolenprotokoll machen würden. Und ich zeige Ihnen nur, was der Unterschied zwischen Konsolenprotokoll und Consul Verzeichnis ist. Und lasst uns das wieder aufmachen. Aktualisieren Sie es und wir sehen, dass, wenn wir Konsolenprotokoll tun dann haben wir nicht diese nette, saubere Art, nach unten zu gehen und alle Elementinformationen zu sehen. Alles, was ich bekomme, ist der Quellcode für dieses bestimmte Element. Also lassen Sie uns dies zurück in das Verzeichnis aktualisieren, und das ist wieder wirklich nützlich. Wenn Sie eine ganze Reihe untergeordneter untergeordneter Knoten in dieser Hauptnotiz haben, können Sie dort unten durchqueren und einige Aktualisierungen vornehmen und auch Auswahlen treffen. Und ich werde dir mehr darüber in den kommenden Lektionen zeigen. Aber vorerst haben wir unser inneres HTML dort. Also Nachricht aktualisiert, weil wieder daran erinnern, wie wir durch den Code laufen. Es läuft auf die gleiche Weise in Javascript wie es in HTML läuft, wo wir von oben nach unten gehen. Und sobald wir unser Javascript getroffen haben, so schreibt es Hello aus. Es schreibt den Dokumenthauptteil aus. Es schreibt dieses Element aus, und dann ist hier drüben, wir sind tatsächlich, wir aktualisieren die Nachricht. Du denkst wahrscheinlich, okay, , das ergibt keinen Sinn, weil wir die Nachricht hier unten aktualisieren, aber wir protokollieren diese Informationen hier oben, und was eigentlich passiert ist, dass Javascript tatsächlich zwei Durchgänge macht. Eso die 1. 1 ist ah durch den gesamten Quellcode übergeben, alle verschiedenen Variablen und I-Objekte zu sehen, die mit interagierten. Und dann die 2. 1 es erinnert sich, dass wir dieses Update gemacht haben und es aktualisiert es. Da auch. Also und es weiß, dass wir ein Update für dieses bestimmte Objekt machen. Also weiß es, dieses Update hier zu schreiben, anstatt dieses Original zu übergeben. Und das ist komplexer. Das ist ein komplexeres Thema in JavaScript. So ist es auch bekannt als Verschwendung eso. Sie haben die Möglichkeit, bestimmte Daten in diesem ersten Durchlauf einzuziehen, auf den Sie innerhalb Ihres Skripts zugreifen können . Schon wieder Eso. Das ist komplexeres, komplexeres JavaScript. Also werden wir uns von den wirklich komplexen Sachen fernhalten, weil dies ein Anfängerkurs ist , und wir werden uns einfach an die Grundlagen halten und nur Styx, damit Sie verstehen, dass wir in der Lage sind , den Code zu durchlaufen und die Code innerhalb des Dokumentobjekts. Also war dieser Teil wirklich cool. Und wieder, der Dom ist super mächtig und wieder im Auge behalten, dass nur geben Sie Beispiel hier. Wenn ich also mein JavaScript in den Kopf schieben sollte, nur um Ihnen zu zeigen, was hier passieren wird , wenn ich es neu lade, erhalten wir hier einige Fehler, weil wir nicht wirklich geladen haben, dass diese JavaScript-Objekte des Dom tatsächlich nicht geladen haben und es ist nicht bereit zu gehen. Das kriegen wir zuerst. Hallo. Wird dort ausgegeben, aber wir vermissen das Dokument. Objekt? Wir vermissen das Dokument Objekt, das das Dokument Objekt fehlt, weil ich es nach oben verschoben habe. Deshalb ist die Bestellung und wo Sie Ihr Javascript platzieren wichtig. Und wieder, wenn Sie mit dem Dom interagieren möchten und keine Fehler auslösen möchten, stellen Sie sicher, dass Sie Ihr JavaScript behalten, nachdem alle HTML-Elemente geladen wurden. Wenn Sie also versuchen, auf sie zuzugreifen, stellen Sie sicher, dass sie bereits geladen wurden, und dann haben Sie vollen Zugriff auf sie. Also die nächste Lektion werden wir Atmore über Kommentare in JavaScript suchen. Also weiß ich, dass ich das hier drüben gemacht habe, und ich werde mehr über das Dokumentieren und Kommentieren in der kommenden Lektion sprechen. 7. 6 JavaScript Kommentare: Ich weiß also, dass wir direkt in die Morgendämmerung und das Dokumentobjektmodell gesprungen sind und Ihnen zeigen, wie wir mit dem Dokumentobjekt interagieren und unseren HTML-Code aktualisieren können. Und das war, weil JavaScript so super aufregend ist und es so viel Macht gibt. Also wollte ich wirklich, dass Toe nur illustrieren Sie Ihnen zeigen, was es tun kann und wie mächtig es sein kann, nur um Sie sogar Mawr aufgeregt zu bekommen, was mit der Arbeit mit JavaScript. Und ich finde normalerweise, dass, wenn Leute sehen, wie sich etwas auf ihrer Website ändert und sie sehen, wie einfach es ist, dann ist das eine gute Möglichkeit, Leute daran zu interessiert, mehr über JavaScript zu erfahren. Also gehen wir ein paar Schritte zurück und wir werden einige der Grundlagen des Schreibens von JavaScript-Code untersuchen und was für eine gute Dokumentation in Ihrem JavaScript-Code sorgt? So bemerkt, dass hier drüben, dass, wenn ich die beiden Zeilen hier drüben, es tatsächlich nicht mehr Iran diesen Code. Das ist also, was wir tun können, um innerhalb von Javascript zu kommentieren. Eso kommentieren wird Teoh im Grunde verwendet, um Notizen zu halten. Vielleicht liest ein anderer Entwickler, wenn er durch Ihr Skript geht, oder etwas, das Sie beachten möchten, dass Sie sich beim nächsten Mal merken möchten, wenn Sie aktualisieren und sich das Skript ansehen. Und glauben Sie mir, wenn Sie ein großes Skript schreiben, werden Sie wirklich glücklich sein, dass Sie es kommentiert haben und dass Sie es gut dokumentiert haben weil Sie zurück in das Skript springen, es ist wahrscheinlich, dass Sie sich nicht an all die verschiedenen -Funktionalität, wenn Sie es in einem sehr großen Skript platziert haben. Kommentieren ist also sehr nützlich. Also schreibe ich hier draußen. Intro zu den Konsuln. Deswegen habe ich das geschrieben. Hallo dort und ich kann dieses dokumentieren, so dass ich etwas wie Schrägstrich Put-Ausgabe sagen kann . Ich würde den Dom hier drüben setzen. Ich kann über das Element sprechen und so weiter. Was passiert also, wenn Sie mehr als nur eine Zeile auskommentieren möchten? Es gibt auch einen Weg, das zu tun. Das ist also ein Schrägstrich und der Asterix. Und wenn Sie das wieder zum Code öffnen möchten, Slash und Asterix oder ich sollte abstrakten Schrägstrich sagen. Also das öffnet es, und das schließt es und dann wieder hier können Sie bewerten, dass Sie Ihren Code so Dokument schreiben können . Und wir können sehen, dass , sie klug genug sind, um zu wissen, dass dies kommentiert wird. So fetten es irgendwie aus. Ihre eso in hier können Sie Informationen platzieren. Nehmen wir an, zum Beispiel, Sie möchten ein Feature hinzufügen, diesen Ort speichern und oder Sie machten nur einige Notizen über, äh, Ort zu seltsamen Ereignissen oder so etwas. Auf diese Weise, wenn Sie tatsächlich auf Ihre Kälte schauen oder wenn Sie dies in ein paar Monaten später in der Zeile schließen , öffnen Sie diese Datei, können Sie sagen, OK, na ja, na ja, deshalb ist es, warum ich hinzugefügt haben oder diesen Raum reserviert haben, oder das ist etwas, das ich in den Kurs oder mein Skript hinzufügen wollte. Deshalb habe ich diesen Platzhalter dort. Also immer eine gute Idee, viele Kommentare und Dokumentationen zu machen. Und wieder, dies wird nicht in Ihrem Browser angezeigt. Also, wenn ich es aktualisiere, rendert es nichts davon aus. Sie können jedoch, jedoch, Sie können es in den Quellcodes von jemandem sehen, der tatsächlich zu Ihrer JavaScript-Datei ging. Sie können all diese Informationen sehen, aber sie können den gesamten JavaScript-Code s sehen. Also das ist einer der Nachteile von JavaScript ist, dass jeder tatsächlich Ihren gesamten Quellcode sehen kann , also macht es wirklich unsicher, s eine Menge von dem Zeug, das Sie im Job-Skript tun. Stellen Sie sicher, dass Sie unter dem Verständnis sind , dass, wenn jemand wirklich reinkommen will, der Ihren gesamten Quellcode sehen könnte. Wenn Sie also bestimmte geheime Schlüssel oder irgendeine Art von Inhalt haben, die Sie versteckt halten möchten, stellen Sie sicher, dass Sie sie nicht in JavaScript platzieren. Ich versuche, es innerhalb des Server-Endes Ihrer Anwendung zu tun. der nächsten Lektion werden wir also ein wenig mehr über Warnungen sprechen und Inhalte in unsere Webseite einfügen, die in der nächsten Lektion erscheint. 8. 7 Variablen interaktives JavaScript: in dieser Lektion. Wir werden uns Warnungen und Alarmboxen ansehen, also sind diese nicht mehr sehr häufig, aber es ist wichtig zu verstehen, wie sie funktionieren. Also waren sie ursprünglich der erste Weg, dass viele JavaScript-Entwickler Kontakt knüpfen und mit ihrem Publikum kommunizierten. Also jemand, der auf eine Webseite geht und sie würden sehen, wie diese kleine Pop-up-Box passiert. Also die Luft, was man Alarm nennt? Also habe ich einige Updates für den HTML gemacht und gehe einfach aufstellen. Das JavaScript hat unseren vorherigen Code gelöscht. Also sind wir alle bereit zu gehen und mit frischem Friedensabkommen zu arbeiten. So ein Alarm wirklich einfach. Es ist Ah, es ist wieder ein Objekt im Dom. Es ist also innerhalb des Windows-Objekts, also könnte es Fensterwarnung sein, oder es könnte einfach wachsam sein. Also alles ohne diese Fenstererweiterung wird nur als Fenster betrachtet, so dass er eine Fensterwarnung machen oder aufgrund auf Warnung s ein Fenster schwächen könnte . Das Fensterobjekt ist eigentlich größer als die Morgendämmerung. Vielleicht sollte ich das wirklich schnell durchlaufen. Also, wenn ich Windows-Objekt gehe und ich werde diese Warnung zu eso tun, wird die Warnung nur Hallo sagen, Welt Lasst uns wieder raus gehen, unsere Seite aktualisieren und wir sehen, wir haben Hallo, Welt erscheint. Das ist also im Wesentlichen die Alert-Box dort Hallo Welt und es wartet darauf, dass Sie tatsächlich Ordnung kommen, bevor es die Seite geladen hat, also ist nichts passiert. Es schreibt diesen HTML-Code nicht aus, bis Sie tatsächlich klicken. OK, das Rendern dieser Seite fertig. Genau wie in der Morgendämmerung hat das Fenster einen Haufen Zeug drin. Es hat also all diese Objekte, die darin enthalten sind. Und wieder haben Sie Zugriff auf all dies, wenn Sie auf das Fensterobjekt zugreifen. Und es gibt wirklich viel zu viel Zeug da drin, um irgendwie durchzugehen. Aber interessanterweise werde ich hier nur ein paar davon hervorheben. Wir haben also Dom-Informationen hier, und das liegt daran, dass das Fenster tatsächlich die ganze Sache ist und das Hundedokument innerhalb des Fensters ist . Es gibt also das dom- oder das Dokumentobjektmodell, und dann ist dies das gleiche, was wir in der letzten Lektion betrachten. Also möchte ich nur darauf hinweisen, dass es dieses Windows-Objekt gibt, das das Elternteil des Dom und dort ist. Wir haben die verschiedenen Funktionen. Eso die Alarmfunktion ist diejenige, die wir gerade verwendet eso Wir sehen es dort und wir sehen, dass wir ein paar andere haben auch hier. Eso wir haben Wir haben einen anderen namens bestätigen eso dies Es funktioniert ähnlich wie Alert. Also werde ich das aufmachen und ich werde einfach schreiben. Oder vielleicht könnte ich einen separaten machen. Also kommentieren Sie, dass man aus und ich benutze bestätigt und dann bestätigen wir drücken Taste. Und der Grund, warum ich sage, drücken Sie einen Knopf, ist, weil wir anders als die Warnung, den richtigen Knopf dort haben, damit wir okay können, oder wir können absagen. Es ist so das sind die zwei verschiedenen Werte, die wir mit dem Bestätigen tun können, damit wir es abbrechen können . Oder wenn ich es aktualisiere, können wir es gut machen. Also fragst du dich wahrscheinlich, was ist der Unterschied? Wie kann ich tatsächlich feststellen, ob der Benutzer auf Abbrechen gedrückt hat oder ob er ok gedrückt hat und es eine Möglichkeit gibt , es zu sagen. Lassen Sie uns also unseren Editor öffnen und lassen Sie mich Ihnen Variablen vorstellen. Variablen sind der Kern dessen, worum es bei der Programmierung geht. Sie ermöglichen es Ihnen, eine Containerspitze zur Verfügung zu stellen, Art von Informationen zu halten. Das wird also einfach so sein, vielleicht nenne ich es einfach „BT-Ende“. Also wird die Variable BT n sein und dies wieder, wo das Konsolenprotokoll super nützlich wird. Weil ich nicht wirklich wissen würde, was der Wert, der in B t. N enthalten ist , ist, weil ich es mit dem Skript verwende und Konsolengesetz mir die Ausgabe weggibt. Es würde also keinen Sinn ergeben, dass ich es in meine Webanwendung einfügen würde, weil der Webbenutzer möglicherweise nicht wissen muss, was ? Der Wert von BT N ist, wo Als ich als Entwickler bin, muss ich wissen, was der Wert davon ist und wie ich damit arbeiten kann. Gehen wir zurück zu unserem Programm. Und jetzt, wo wir das Update gemacht haben, können wir sehen, dass wir es absagen können und wir eine falsche bekommen, die wir getroffen werden, okay? Und wir bekommen eine echte Also das ist wirklich interessant, weil dies uns ah booleschen Wert gibt, also entweder ein wahr oder falsch, mit dem wir arbeiten können und so können wir Bedingungen anwenden und unser Programm noch mehr ausbauen, so dass ich nicht zu weit vor uns selbst. Aber es gibt eine Möglichkeit, diese Werte zu nutzen, damit ich etwas sagen kann wie, wenn bt n, dann kann ich. Oder vielleicht, was wir tun werden, ist, dass ich eine andere Variable erstellen werde. Also werde ich diese als meine Ausgabevariablen behalten. Das wird also vorerst leer sein. Und sobald jemand den bt n trifft, werde ich den Wert der Ausgabe aktualisieren und ich werde Button Trust sagen und ich möchte auch etwas tun, wo ich sonst habe. Das ist also ein weiterer Teil der Bedingung, in der wir tun können, dass etwas passiert, oder ich kann etwas anderes tun. Wo? Knopf. Oder vielleicht schreiben wir einfach, absagen und wirklich große Briefe. Sie sind so, dass es sehr sichtbar ist und dann in der Ausgabe oder im Konsolenprotokoll anstelle von Bt und lassen Sie uns Ausgabe verwenden. Mal sehen, was jetzt passiert. Also, wenn ich es aktualisieren und ich OK drücken, sehen wir, dass wir Taste gedrückt haben und wenn ich auf Abbrechen drücken. Wir sehen, dass wir abgesagt haben. Dies ist also die Grundlagen der Programmierung, dass wir diese Variablen und die Werte in diesen Variablen verwenden , um unser Skript weiter zu fördern, zusätzliche Logik darauf anzuwenden und wirklich zu beginnen, unsere Anwendungen zu bauen und dass all dies im Hintergrund geschieht. Der Webbenutzer wäre also nicht in der Lage, diese Informationen zu sehen. Also können wir unseren Konsul buchstäblich das ganze Fenster machen, weil wir im Moment nichts tun , das damit interagiert. Aber ich verspreche, dass du wieder auf das zurückspringen würdest, was wir in den früheren Lektionen über den Dom gesehen haben, und ich werde dir zeigen, was wir tun können und wie wir Inhalte in den kommenden Lektionen aktualisieren können . Also für diesen ist es nur wichtig zu verstehen, dass wir Informationen aus den Auktionen des Benutzers aufnehmen können , und wir können etwas anderes ausgeben, und dies kann alles in Variablen enthalten sein. Im Wesentlichen erfassen wir, was der Benutzer in seiner Aktion in einer Variablen getan hat, und dann verwenden wir es später innerhalb des Codes, also greifen wir darauf zu. Die Variablen werden nur als eine Möglichkeit verwendet, gefangene zwei zu enthalten, um einige Informationen zu enthalten, die wir Führer verwenden können. Also, nur um diese Lektion zu beenden, gibt es tatsächlich eine andere Art von eso, wir haben Warnungen. Wir haben die Bestätigung und wir haben eine weitere, wo wir eine Aufforderung machen können. Das ist also ein weiterer wirklich interessanter. Das wird also vielleicht sein, dass wir es einfach prompt oder so etwas nennen, und die eingebaute Funktion ist Prom Prompt und dann innen hier, Wer bist du und schließt immer deine Codezeilen mit dem Semikolon ab? Also das ist eine andere Sache, die wichtig ist, mit JavaScript zu beachten, dass jedes Mal, wenn ich einen Befehl eine Codezeile beende, ich es mit einem Semikolon beenden. Und jetzt lassen Sie uns Konsul ausloggen. Also, was müssten wir uns ausloggen, wenn wir eine Aufforderung haben? Wir haben einige Informationen innerhalb der Eingabeaufforderung gehalten, um eine Variable einzurichten. Also denken Sie, wenn wir konsole abgemeldet sind Variable, die diese Informationen enthält? Würden wir sehen, was der Benutzer eingibt? Schauen wir uns das an und sehen, wie das funktioniert. Also zuerst, lasst uns das durchgehen und dann haben wir Wer sind Sie und ich haben OK getroffen, und wir sehen, dass wir wieder diese Benutzerinteraktion erfasst haben, die Benutzerinformationen in der Variablen enthalten waren und ausgeben konnten oder in der Lage waren nutzen es in unserem Skript so wirklich mächtig, und das ist wirklich die Essenz von JavaScript. In der nächsten Lektion werden wir also tiefer in Variablen eintauchen und mit ihren HTML-Inhalten interagieren. Und wäre es nicht schön, dass wir diese Interaktion mit dem Benutzer haben? Und dann würden wir vielleicht etwas hier in unserem HTML einfügen. Lassen Sie uns das also ausprobieren und sehen, wie das in der kommenden Lektion funktioniert. 9. 8 Variablen in HTML: in dieser Lektion werden wir etwas von dem zusammenstellen, was wir in den vorangegangenen Lektionen gelernt haben. Wir haben uns auch Variablen angesehen und wir haben gesehen, dass wir Informationen in einer Variablen halten können. Bei einem String-Format sehen wir also, wenn wir hier drüben fragen, dass, wenn wir einen wahren oder falschen Wert haben, es zu unserem falschen kommt. Das ist ein boolescher Typ von variablen booleschen Scan auf Lee entweder wahr oder falsch, so dass nur zwei Werte für einen booleschen eso. Vielleicht kann ich das kommentieren So verwenden Sie Boolean kommentieren. Wahr oder falsch, dieser wird eine Zeichenfolge sein und dies könnte eine beliebige Anzahl von Zeichen oder Ziffern sein. Es könnte alles sein. So kann eine Schnur buchstäblich alles sein. Und schließlich gibt es einen anderen Variablentyp, der im Wesentlichen in JavaScript eso ist. Es gibt drei wirklich primitive primäre Datentypen. Eso, das ist Stier Leans, Streicher und Zahlen. Also Zahlen. Vielleicht kann ich es Variable numb nennen und Zahlen sind nur Ziffern, so dass sie als numerische Werte definiert werden können. Sie können Dezimalstellen haben und so weiter. Also werden die hier unten definiert werden, damit wir etwas wie 100 tun können, schwächen Do 123 oder so etwas. Und dann, wenn wir hier einen Wert haben, können wir diesen tauben Wert hier im Konsolenprotokoll ausgeben. Und du sagst wahrscheinlich, warte eine Minute, dieser hat ein Zitat umgeben und wenn wir es tun, um einen Wert hier zu setzen, hatten wir hier Anführungszeichen um die Zeichenfolge Eso Warum haben wir keine Zitate um diesen und dass auf der Antwort ist, dass Sie für Zahlen keine Anführungszeichen brauchen. Also Zahl ist ein anderes Format, ein anderer Typ von Variablen. Also brauchen wir keine Zitate um sie herum. Und das Gleiche für den Buddha lehnt sich also Boo Stier Wert wird es nennen und dieses wieder brauchen wir nicht. Wir brauchen keine Zahlen oder Zitate umgeben. Wir schreiben es ohne die Anführungszeichen um ihn herum. Und so definieren wir Milliarden, damit wir Zahlen definieren. Es sind also nur Strings hier, die diese Zahl benötigen, die um sie herum zitiert. Denn wenn du ah hast, nur ein paar Briefe da. Wenn Sie so etwas wie Hallo Welt tun, wird Javascript völlig nicht wissen, was mit diesem zu tun ist, weil sie es so aussehen werden, als wäre dies eine andere Variable, weil unsere Variablen keine Anführungszeichen haben. Und es gibt bestimmte Regeln, wenn es um Variablen geht, die bei der Benennung von Variablen, die JavaScript helfen, sich vom tatsächlichen Inhalt zu unterscheiden. Und eine dieser Regeln ist, dass wir bemerkt haben, dass mit jeder Variablen, die wir festgelegt haben, etwas gemeinsam ist, dass sie tatsächlich mit einem Buchstaben beginnt. Also lasst uns ah, lasst uns hier einige Informationen zitieren und die Regeln zum Erstellen einer Variablen durchlaufen . Beginnen Sie also mit einem Buchstaben, damit es nicht mit einer Zahl beginnen kann. Wir können also nicht so etwas wie ein Taub haben, weil denken Sie so darüber nach, dass, wenn JavaScript einmal darauf trifft, es nicht wissen wird, was damit zu tun ist, weil es denken könnte, dass es eine Zahl ist. Aber dann ist das keine Nummer, und es wird einfach nicht wissen, was damit zu tun ist. Das ist also eine der Regeln. Fangen Sie mit dem Brief an. Die andere Regel ist, dass der Inhalt, den es in ihrer so bemerken, dass wir ziemlich in der Lage sind, sie zu nennen, was wir wollen. Wir können sogar Zahlen dort reinlegen, so dass wir Zahlen reinlegen können. Wir können Dinge tun, wie wir Dollar-Zeichen machen können, schwächen aufgrund von Unterstrichen. Das ist also alles gültig. Also innerhalb des Namens können wir Zeichen verwenden. Wir können Ziffern verwenden, wir können Dollarzeichen verwenden. Wir können Unterstriche verwenden, und das ist so ziemlich es. Also nicht, äh, Charaktere. Oder vielleicht sollte ich diese Buchstaben, Buchstaben, Ziffern, Dollarzeichen nennen Buchstaben, Ziffern, Ziffern, . Und tatsächlich braucht es vielleicht nicht einmal Buchstaben. Sie können etwas mit nur einem Buchstaben tun. Also? So könnte eine Zeichenfolge ein Variablenname ein einfacher als nur ein Buchstabe sein. War ein Charakter da. Stellen Sie sicher, dass wir mit dem Buchstaben beginnen, also würde das bedeuten, dass wir dort alphabetisch sind. Eso. Eine andere Sache ist, dass die Namen tatsächlich mit einem Dollarzeichen beginnen können oder sie mit einem Unterstrich beginnen können . Beginnen Sie also mit dem Buchstaben, beginnen Sie mit dem Dollarzeichen oder beginnen Sie mit einem Unterstrich. Das ist eine andere Sache, die wichtig zu beachten ist. Ah, oft werden Sie sehen, dass abhängig vom Namensschema, wo diese Variablen etwas aufrufen, das nur Sinn für den Inhalt macht, der dort gehalten wird . Eine andere Sache, die bei Variablen zu beachten ist, ist, dass ihre Groß- und Kleinschreibung Also sei und Großbuchstaben. Das ist vielleicht ein gutes Beispiel. Also Kleinbuchstaben ein Großbuchstaben sind tatsächlich wahr. Verschiedene Variablen. Und vielleicht müssen wir noch ein paar Briefe dort setzen, weil es das einfach nicht als Standard akzeptiert hat. Sie können also nicht einfach nur einen Buchstaben in Großbuchstaben machen. Sie müssen mehrere Buchstaben machen. Eso behält das auch immer im Hinterkopf. Aber so wird Groß- und Kleinschreibung beachtet. Es ist also wichtig. Welchen Fall verwenden Sie innerhalb Ihrer Namenskonvention? Und schließlich müssen Sie sicherstellen, dass Ihr Name bei einem der reservierten Wörter benannt wird, damit ich keinen variablen Kult falsch haben kann , denn wieder, das wird einfach alles wegwerfen. Und es gibt eine Reihe von reservierten Wörtern. Seien Sie also immer vorsichtig, wenn Sie diese ein-Wort-Variablen verwenden. Wenn ich es also falsch nenne, geht es mir gut. Aber wenn ich es nur falsch nenne, mir nicht gut. Stellen Sie also sicher, dass Sie die Konvention benennen, nicht stört oder eines der reservierten Wörter überschreibt. So muss ein reserviertes Wort vermieden werden. Es gibt also die vier Grundregeln für die Erstellung einer Variablen identifizieren Luft für Ihr JavaScript. Ich habe versprochen, dass wir hier etwas etwas anderes machen wollen. Wir werden tatsächlich einige der Informationen kombinieren, die wir in der vorherigen Lektion hatten . Und vielleicht möchten wir diesen Inhalt in unseren HTML ausgeben. Also lasst uns hier wieder reinspringen. Ich werde ihm einen Chuan geben und schließen, dass jeder und ich werde es geben ein Ich werde nur nennen, das ihren Sprung zurück in unser JavaScript setzen würde. Und erinnerst du dich, wie wir das gemacht haben? Wo haben wir die Elemente bekommen und wir konnten den inneren HTML aktualisieren? Lassen Sie mich Ihnen einen anderen Trick in Javascript zeigen. Jetzt, da wir Variablen eingeführt haben, kann ich eine Variable setzen. Ich kann es schon Ausgänge nennen. Lassen Sie es hier raus. Also werden wir einfach rauskommen, also rufen Sie es einfach raus, Put-Inhalte. Also wieder, es könnte auch etwas langes dauern. Also wird diese Ausgabeinhalt-Variable das Dokument halten, in dem wir tun, get Element von i d und dann denken Sie daran, dass wir diesen Elementnamen auswählen müssen. Das war also Ausgabe. Und dann war's das. Und was denkst du, wird in dieser Variablen enthalten sein? Also, was ich tun kann, ist Konsole. Loggen Sie sich das aus. Und jetzt gehen wir zurück in unseren Browser. Aktualisieren Sie es. Also ich weiß, dass wir dort ein paar Sachen anklicken müssen, also sehen wir, dass wir nichts für die Aufforderung definiert haben, weil ich nichts hinzugefügt , habe, aber wir haben die Luft dort. Aber wichtig zu beachten, dass wir diese Elementinformationen jetzt in diesem Variablennamen sitzen , und jetzt können wir es tatsächlich nutzen, damit wir so etwas tun können und sich dann daran erinnern, wie wir diesen HTML ausgegeben haben. Würden Sie html eingeben? Nun, da dieses Element, das als Objekt enthalten war, verwenden wir es in einer Variablen. Daher speichert der Ausgabeinhalt jetzt die gleichen Informationen, die im Dokument enthalten sind. Holen Sie sich Element durch Essen von I d Ausgabe, und wir können es in viel sauberer Art und Weise nutzen, wo wir prompt dort verwenden können. Und nun mal sehen, was passiert. Testen und okay. Und Boom. Siehst du, wir haben eine Testausgabe. Es gab immer noch diesen Fehler in 11. Es versucht, die Abmeldeaufforderung zu konsolen. Und das liegt daran, dass ich es geändert habe, um eins zu veranlassen. Deshalb werfen wir diesen Fehler aus. Also wieder, Testausgabe. Wir sehen, dass wir die Ausgabe bekommen. Sie sind taub, ist nicht definiert. Das ist eines der Probleme. Wenn ich aktualisiere, aktualisiere ich die Namen der Variablen auf, aktualisiere ich sie nicht alle innerhalb des Quellcodes. Wir bekommen eine Reihe von Fehlern. Da kommt die Luft her. Also nochmal, versuchen wir es noch einmal. Und jetzt haben wir einfach einen Namen dort gesetzt. Also, wer bist du? Aktualisiert den HTML-Code und wir sehen das auch in unserem Konsul. So können wir damit beginnen, unseren Code noch interaktiver zu machen. Und wir können anfangen, eine ganze Reihe von wirklich coolen Sachen mit JavaScript zu machen. Und ich werde dir noch mehr coole Dinge zeigen, die du mit JavaScript in der nächsten Lektion tun kannst . 10. 10 JavaScript Arithmetische Betreiber: in dieser Lektion werden wir uns mit Variablen und auch Operatoren beschäftigen. , Was Operatoren tun,ist, dass sie uns tatsächlich erlauben, einige Berechnungen durchzuführen oder einige Bedingungen erneut zu betrachten , je nachdem, was unser Code ist und wie wir mit diesem Mantel interagieren wollen. Also schauen wir uns mal an. Und wir werden Code-Stift öffnen, weil ich eine Möglichkeit haben möchte, etwas von diesem Inhalt auszugeben . Uh, ich werde ihm ein div geben. Geben Sie ihm ein I D. von Ausgang und ich will raus. Stellen Sie einige dieser Inhalte hier in meiner HTML-Ansicht hier heraus. Eso lassen Sie uns dies speichern und gehen Sie dann zu unserem JavaScript-Bereich. Und das wirklich nette an Code-Stift ist, dass Sie tatsächlich sehen können, wann immer Sie etwas dort platzieren, es erscheint hier auf der rechten Seite. Lassen Sie uns zunächst unsere Ausgabevariablen einrichten. Und erinnerst du dich noch einmal, wie du das machst? Dass es Dokumente waren, erhalten Elemente durch i d. Und wenn wir Element durch i d bekommen. Wir müssen diesen Elementnamen auswählen und Sie bemerken eine Schwellung. Manchmal verwende ich einfache Anführungszeichen, manchmal amüsant, doppelte Anführungszeichen. Eigentlich spielt es keine Rolle. Sie können Einzel- oder Doppelbetten verwenden. Manchmal empfiehlt es sich, doppelte Anführungszeichen zu verwenden. Also werde ich doppelte Anführungszeichen für dieses Beispiel verwenden. Ich kann diese Ausgabe dort abmelden, wenn ich wollte, aber ich gebe mir eine Nachricht hier, um das zu sehen. Also werde ich voran gehen und die Arbeit retten. Wenn ich nun zum Konsul gehe, sehe ich, dass ich die Ausgabe dort habe. So ist alles verbunden und einsatzbereit. Und jetzt könnte ich einfach Dot inneres HTML und gleich ausgeben. Hallo, Welt. Wir können sehen, dass es acht wird. Stellen Sie da hin. Also, was passiert im Code-Stift? Es rendert den HTML-Code hier innerhalb des sichtbaren Bereichs. Und dann ist es auch, es ist ah, dann das JavaScript auszulesen und diesen Code auszuführen, da ist Oh, da ist Oh,das wird eigentlich ideal sein , um zu versuchen, dieses Ah ein bisschen zu machen kleiner hier, und ich werde Ihnen mehr über Operatoren zeigen, damit Operatoren so super nützlich sind. Eso Zunächst einmal werfen wir einen kurzen Blick und wir werden uns einige sehr grundlegende ansehen. Also Variable a und lassen Sie uns diesem eine A-Zahlenvariable B geben und diesem auch eine Zahl geben. Und wir werden Variable sehen gleich ein Plus B. Also, was denkst du, wenn ich Variable sehe, ist mein Ausgang hier? Was glaubst du, passiert? Also, wenn ich es speichere, oder es hat mich wirklich dazu geschlagen. Es ist bereits die 15 da draußen, so dass wir sehen, dass wir einfache Berechnungen mit JavaScript durchführen können . Eso Lasst uns hier noch einen machen, damit wir das in ein Minuszeichen ändern können. Also enden wir mit negativen Fünf. Also fünf minus 10 ist negativ fünf. Wir können auch Multiplikation eso fünf Mal tun 10 ist 50. Wir Kanu noch komplexere Formeln. Also JavaScript ist super smart, also können wir es durch 10 teilen und wir enden mit fünf. Also ein mal B Also ist es 50 geteilt durch B ist fünf. Wir können hier auch einige Zahlen hinzufügen, also könnte er 555 machen. Also dauert es das und macht die ganze Multiplikation und die Addition und dann Division. So können wir wirklich ziemlich viel mit all den verschiedenen Operatoren, die wir zur Verfügung haben, tun. Also diese Luft unsere arithmetischen Operatoren. Also das, was wir hier benutzen? Arithmetische Operatoren, eso plus minus Multiplikationsteilung. Es gibt einen anderen, und dieser nennt sich Modul ISS, also gibt es Ihnen die Ausgabe des Restes. Also, wenn wir das tun und ISS B modulieren, sehen wir, dass wir einen Rest von fünf s haben, also macht es im Grunde eine Division und dann gibt es uns den Rest. Es gibt O. Dieser hat auch einige Verwendungen als gut. Wir können Dinge tun, wie wir können dio c gleich C plus eins. Also wir inkrementell um eins s Oh, das ist eine kurze Form. Anstatt C gleich C plus eins zu tun, können wir einfach die beiden Pluszeichen machen. Das Gleiche ist also, dass diese beiden äquivalent sind, können wir Ach minus eins machen. So sehen Sie, dass sich die Zahl auf sechs eso ändert. Dies sind alle arithmetischen Operatoren und sie geben uns die Möglichkeit, mathematische Seetangberechnungen in JavaScript zu erarbeiten . Also die nächste Lektion, in der Sie sich einige Vergleichsoperatoren ansehen und wir haben uns kurz Bedingungen und mit Bedingungen, bedingten Anweisungen, die Sie benötigen, um diese Vergleichsoperatoren zu haben, und hier gibt es boolesche Werte auch in Kraft treten. Schauen wir uns diese in der kommenden Lektion genauer an. 11. 11 JavaScript: in dieser Lektion werden wir uns Vergleichsoperatoren ansehen. Was Vergleichsoperatoren tun, ist, dass sie uns erlauben, verschiedene Werte miteinander zu vergleichen. Also, wenn wir einen Vergleichsoperator haben, wenn wir a haben und wir gleich B tun, sehen wir, dass wir einen Wert von false haben. Das ist unser erster Vergleichsoperator. Aber wir wissen, dass a nicht gleich ist, um so zu sein. Wenn wir ein ungleich tun, um zu sein, erhalten wir einen Wert von wahr, wir können auch ein größeres als sein tun, so dass wir sehen, dass das falsch ist, weil wir wissen, dass weniger als B ist . Wir wissen, dass wir in der Gleichen als auch hinzufügen können, , so dass es kleiner als größer als gleich sein könnte. Und das sind alle verschiedene Vergleichsoperatoren, die regelmäßig verwendet werden und feststellen , dass die Ausgabe boolesche Werte ist. Also diese vermitteln boolesche Werte können nur die zu true oder false sein. Also sind es nur die beiden Werte, die zurückgegeben werden und wir sehen, dass wir diese Worte uns zurückgegeben bekommen . Wir haben A und B. Es gibt auch einen anderen Vergleichsoperatoren, also lasst uns Variable d machen und so etwas wie diese fünf jetzt machen Glaubst du, dass A kleiner oder gleich tief sein wird und wir es nur eine Sekunde geben? Es sagt „wahr“. Also ist a gleich tief eso. Dies ist der interessante Teil von JavaScript ist, dass wir sehen, dass, obwohl dies nicht als eine Zahl definiert ist und diese als eine Zahl definiert ist, weil es egal , dass die beiden Variablen unterschiedliche Typen haben, sie sind immer noch äquivalent. Und das liegt daran, wenn wir dieses Gleichheitszeichen tun, können wir in ah, drittes Gleichheitszeichen hinzufügen , um zu testen, ob der Typ derselbe ist. Das dritte Gleichheitszeichen überprüft also, ob der Typ derselbe ist. Wenn Sie also sicherstellen möchten, dass absolut a gleich ist oder D, dann verwenden wir die drei Gleichheitszeichen, um sicherzustellen, dass wir diesen absoluten Check aus dieser Ausgabe erhalten. Als nächstes wollen wir uns einen anderen Operator ansehen, und das wird eine wirklich kurze Form für einen bedingten Operator sein. Also ist es eine andere Möglichkeit zu überprüfen, ob etwas wahr oder falsch ist, und Ausgabe von Werten, die wir tun werden Variable e mit einer Änderung dieser Ausgabe toe setzen den Wert von essen und wir werden gleich e und das ist ein anderer Operator. Dies wird also als Zuweisungsoperator bekannt und wir haben dies auch schon ein bisschen früher verwendet . Zehenzeichenwerte auf verschiedene Variablen. Das ist Zuweisungsoperator-Vergleich, Operator. Und jetzt werden wir einen bedingten Operator machen. Eso bedingter Operator ermöglicht es uns, einen Wert für eine bestimmte Variable zu setzen, so dass wir etwas tun können , wo wir diese abgerundete Klammer haben und wir haben zu Werten. Das könnte also wahr sein und nicht wirklich wahr, Boolean. Aber wir können so etwas tun, wo wir auch falsch geworden sind. Eso im Grunde, was hier passiert ist, ist, wenn die Bedingung erfüllt ist, so dass ein verfügbar ist, dann kommt es wieder wahr. Und wenn der Wert von e nicht da ist, dann kommt es falsch zurück. Wenn der Wert von f wir gekämpft sehen oder wir einen Fehler werfen, weil wir noch keinen Wert für f haben, wenn wir den Wert von B 20 ändern und einen Wert von B machen, so bewerten wir, ob B dort ist und es die Wert von Null, also ist es ein Nullwert. Es kommt also als falsch zurück, und das gibt uns auch die Möglichkeit, eine andere Art von Operator einzuführen. Und das sind die bedingten Operatoren. Eso diese Luft in bedingten Aussagen verwendet, so dass wir tun können und so schwächen tun, wenn b und A es immer noch falsch ist. Also müssen wir uns ändern und zu oder so sein oder a Und jetzt sehen wir, dass es wahr ist, weil tatsächlich ein existiert B nicht. Also ist es die erste Bedingung genommen, was wahr ist. Schon wieder Eso. Dies ist ein Zeichenfolgenwert, also ist es kein Mobbing. stimmt, es ist eine Zeichenfolge wahr, wir können auch tun. Wenn B nicht da ist, dann wird es wieder wahr werden, weil B nicht da ist diese Luft, die logischen Operatoren, sie geben uns die Möglichkeit zu überprüfen, ob eine bestimmte Bedingung erfüllt wird. Wenn B nicht da ist, dann wird es wieder wahr werden, weil B nicht da ist diese Luft, die logischen Operatoren, Also haben wir verschiedene Möglichkeiten, um diese Vergleiche zu machen. Also gehe ich zurück, und ich werde nur tun, wenn B und ein, die falsch zurückkommen werden. Und natürlich ist dies eine kurze Form für bedingte Aussagen. Eso das Gute daran, es in dieser Art von Format zu verwenden, ist, dass es eine schnelle und einfache Möglichkeit ist, einen gültigen Wert für diese bestimmte Variable festzulegen. Aber wenn Sie mehr Code haben, den Sie innerhalb dieser Bedingung ausführen müssen , ist es am besten, eine bedingte Anweisung zu verwenden, also werden wir uns das in der kommenden Lektion ansehen. 12. 13 JavaScript Bedingte Aussagen und Switch: in dieser Lektion werden wir uns bedingte Aussagen ansehen. Und das ist die if-Aussage und kurz in der schon eine Lektion, die wir schon gemacht haben. Schauen Sie sich eine kurze Pan-Form für bedingte Aussage an, wo wir sahen Wenn dies, wenn diese Bedingung erfüllt ist , dann tun wir etwas, und wenn sie nicht erfüllt ist, tun wir etwas anderes. So können wir dies auch innerhalb einer bedingten Aussage tun. Und lasst uns eins davon aufstellen. Lassen Sie uns einen Blick werfen und vielleicht einige Variablen erstellen. Also schalte ich zurück in den Editor und ich werde eine gleich fünf und Variable B gleich 10. Und jetzt lassen Sie uns eine Bedingung schaffen. Also werden wir tun, wenn und wenn ein vielleicht gleich ist, dann wollen wir etwas passieren. Also zuerst, vielleicht werden wir das tun. Ich würde also Ausgabeinhalte setzen. Inneres HTML ist gleich, dass sie gleich sind, also lasst uns, äh, eigentlich machen wir sie gleich. Also sind A und B beide fünf. Lassen Sie uns unseren Browser öffnen, aktualisieren Sie die Seite geöffnet. Müssen Sie sehen, dass jetzt, Wenn wir es aktualisieren, wir sehen, dass sie gleich sind, weil A und B gleich fünf eso jetzt Lassen Sie uns auch etwas tun. Nun, was passiert, wenn wir es tatsächlich auf 15 oder so etwas ändern? Also lasst es uns auffrischen und wir sehen, dass nichts ausgegeben wird. Und hier ist, wo wir mawr Informationen zu dieser bedingten Aussage hinzufügen können, wo wir sonst tun können und dann können wir tun. Vielleicht geben Sie diesen Inhalt wieder aus. Sie sind nicht gleich. Und lassen Sie uns zurück zum Browser gehen und ihn aktualisieren, und wir sehen, dass sie nicht gleich sind. Wenn ich es auf fünf aktualisiere, sehen wir, dass sie gleich sind. Im Wesentlichen, so funktionieren bedingte Anweisungen, die wir ausführen können. Ich beende. Der Vorteil davon ist, dass wir tatsächlich eine Reihe von Code ausführen können, damit wir uns abmelden können und etwas wie glücklich oder etwas tun können, was immer wir wollen. Wir können eine ganze Reihe von Sachen haben, die hier innerhalb dieser Bedingung geschehen, also können wir das tun und das nicht und lassen Sie uns einfach zeigen, damit wir eine ganze Reihe von Zeilen laufen können, ein Gericht endet auf das, was mit der Bedingung passiert und wenn die Bedingung erfüllt wird. Also, was passiert, wenn Sie vielleicht eine neue zusätzliche Option dort tun wollen, so haben wir. Wenn diese Bedingung wahr ist, dann passiert dies und sonst passiert das. Aber was, wenn wir uns etwas anderes ansehen wollen? Wir wollten sehen, ob vielleicht anders Und wir hatten eine andere Option hier und wir gingen anders, wenn und hier würden wir etwas anderes in einer Reihe von Code hier passieren. Also vielleicht hier können wir ausgeben und wir können sagen, sie sind weniger als einander. Ich weiß, dass das wahrscheinlich nicht viel Sinn ergibt, aber das gibt uns hier nur eine andere Option. Also lasst uns einfach gehen. A Wenn a weniger als B ist, dann werden wir das kommen. Eso jetzt aktualisieren wir dies auf 10 und machen a ist kleiner als B oder a ist kleiner als B. Dann seien Sie so einfach tun es so. Dass das jetzt setzen würde, wird sagen, a ist kleiner als B. Wenn a kleiner als B ist und ein schnelles Update hier machen, wenn sie gleich sind, wird es sagen, dass sie gleich sind. Und wenn a und B. B s 15 oder eine andere Zahl, die größer ist, so ist a kleiner als B, was wieder wahr ist, also lasst uns tatsächlich diesen Blick eso machen, dass diese Aussage nicht mehr wahr ist und wir sehen können, dass sie nicht gleich sind. Das ist also die Standardeinstellung. Wenn es also die ersten 2 Bedingungen durchläuft, diese ersten 2 Bedingungen nicht erfüllt. Es läuft nur die 3. 1 Was wäre, wenn Sie eine Reihe von Dingen hätten, die Sie tatsächlich betrachten? Sie könnten mawr else if-Anweisungen hinzufügen, aber Sie könnten auch etwas anderes tun, und Sie könnten eine switch-Anweisung verwenden, die als switch-Bedingung bezeichnet wird. Dies funktioniert in ähnlicher Weise wie die if-Anweisung, aber es reinigt tatsächlich die Dinge ziemlich viel. Lassen Sie mich Ihnen zeigen, wie das funktioniert. Lassen Sie uns hier einige Aktualisierungen an diesem Code vornehmen. Wir lassen eine als fünf, und wir werden unsere switch-Anweisung hinzufügen, und die switch-Anweisung wird auf der Variablen basieren, die wir verwenden können. Wir können entweder ganze Zahlen verwenden oder wir können tatsächlich Zeichenfolgenwerte verwenden. Also vielleicht lassen Sie uns alle Haufen von Sachen hier loswerden, und ich werde einfach eine switch-Anweisung verwenden. Wir haben also unsere switch-Anweisung hier, und vielleicht ist dies nicht fünf, aber es ist gleich a. Also jetzt verwenden wir dies als switch-Anweisung, und das erste, was wir in der switch-Anweisung brauchen, ist ein Fall, und der Fall überprüft im Grunde, dass der Wert von a von A gleich a ist, als lassen Sie uns eine andere Variable hier erstellen . Lassen Sie uns dies aktualisieren, um Ausgabe zu sein und Variable B wird einfach leer sein. Also lass es uns sein. Also, wenn das ein wahr ist, dann wird B gleich einem Waas gefunden und dann unten unten werde ich Ausgabe machen und dann inneres HTML gleich B. Also, das, was ich hier getan habe, ist, dass ich uns die Möglichkeit gegeben habe, diese statt diese Ausgabe durchführen zu müssen. Inter html Hier. Jedes Mal, wenn wir einen Fall treffen, kann ich einfach eine Variable setzen und ich kann Aktualisierungen setzen Variable machen und dann wird dies jetzt eine Ausgabe von Ihnen werden . Werfen wir einen Blick darauf, wie dies innerhalb des Browsers funktioniert. Also wurde acht gefunden. Öffnen wir das nochmal und machen wir einen anderen Fall. Also, was passiert, wenn a tatsächlich gleich Tiu ist? Setzen Sie eso könnten wir in einem anderen Fall hinzufügen und wir können überprüfen, ob es gleich ist zu sein, und dann können wir tun B gleich v waas gefunden und so weiter. Mal sehen, was jetzt passiert. Also erfrischen Sie es. Wir enden mit Leerzeichen, weil sich dieser Wert für B nie tatsächlich ändert, weil keiner dieser Fälle erfüllt wurde. Dies ist also, wo wir in einem Standard hinzufügen können. Der Standard wird also sein, dass es gleich nicht gefunden ist, und wir werden das speichern. Und jetzt schauen wir uns an, was passiert. Also aktualisiere ich es. Ich bekomme den Standard von nicht gefunden, weil es durchgeht. Casey findet es nicht, dass der Fall ist und passt nicht zu Z, und dann zeigt es uns nur den Standard an. Es überschreibt. Ein ursprünglicher Wert, oder? Vielleicht könntest du das einfach leer lassen. Das erspart uns jetzt nur die Mühe, diese Ausgabe tatsächlich zu tun Inter HTML hält eine sehr lassen die Variable den Ausgabeinhalt halten, den wir verwenden möchten. Also lasst uns es zurück zu einem wechseln und ich werde Ihnen eine der Dinge zeigen, die Sie in den Fall hinzufügen müssen , weil wir hier ein Problem haben, wechseln Sie ein Zurück zu einem und jetzt mal sehen, was passiert. So landen wir mit nicht noch gefunden. Das ist also anders als das, was vorher geschah. Und was hier tatsächlich passiert ist, ist, dass wir eine übereinstimmen und es wird nicht gefunden. B wurde nicht gefunden, und es wird auf den Standard zurückkehren und nicht gefunden, weil wir die switch-Anweisung nicht wirklich brechen . Also müssen wir hier immer eine Pause und eine weitere Pause einschließen. Was das also tut, ist im Wesentlichen, wenn eine isse gefunden hat, dass sie dies darüber festlegt, diesen Satz von Code ausführt und dann die switch-Anweisung bricht, so dass sie nicht tatsächlich am Standard endet, und wir enden mit der richtigen Wert, den wir suchen. Innerhalb dieser switch-Anweisung, lassen Sie uns es aktualisieren und wir sehen, ein wurde gefunden. Das funktioniert also. Also und das Gute an diesen Switch-Anweisungen ist, dass Sie wirklich eine ganze Menge von ihnen haben können. Sie können Ihren Code wirklich ausbauen, Sie können eine ganze Reihe von wirklich coolen Sachen machen, und das spart wirklich viel Zeit über die bedingte Anweisung, weil wir nur diese eine Codezeile wirklich haben müssen und wir auf der Suche nach einem Match. Und bis wir diese Übereinstimmung finden, dann ist das an dem Punkt, an dem wir das neue Update ausschreiben. Also, jetzt haben wir die gefunden wurde und so weiter. Alles, was es tut, ist, dass es nach dem Wert eines So a sucht, ist der Wert von a ist D. Es geht in die switch-Anweisung und es wartet darauf, zu sehen, ob der Fall übereinstimmt. Und wenn der Fall so übereinstimmt wie in dieser Zeile hier, dann setzt er den Wert von B auf diesen und dann bricht er die switch-Anweisung, so dass wir nicht am Standard enden . Und wenn keine dieser Luft wahr als der Standard nur läuft und es endet mit B gleich nicht gefunden und dann einfach hier unten, setzen wir den Wert von B in den inneren HTML. In der nächsten Lektion werden wir uns das Schleifen in JavaScript ansehen, und das ist eine weitere wirklich coole Funktion in JavaScript Das wird Ihnen viel Zeit sparen und eine Menge wirklich erstaunliche Funktionalität bieten. Das kommt also in der nächsten Lektion. 13. 15 JavaScript Loops: in dieser Lektion werden wir uns das Schleifen ansehen. Und das ist eines meiner Lieblingsdinge über JavaScript und viele Zitiersprachen. Verwendet, Schleifen, Schleifen spart Ihnen Zeit, Werfen wir einen Blick auf Schleifen. Also zuerst, lassen Sie es uns eine Variable oder nur dieses X und geben Sie ihm einen Wert von 10. Und zum Schleifen müssen wir eigentlich den Startplatz setzen. Und wir müssen auch Teoh eine Bedingung für einen Zielort setzen. Dies sind verschiedene Arten von Schleifen, die Sie festlegen können. Dies ist also die while-Schleife, und im Grunde wird es die Schleife fortsetzen, während X weniger als 10 ist. Also, während diese Bedingung wahr ist, wird sie weiterhin durchlaufen. Also, egal wie viel Zeit es dauert Zehenschleife durch, es wird unbegrenzt fortsetzen Zehenschleife durch, bis es das durchlaufen abgeschlossen. Also aus und wieder, ich werde einfach nur vielleicht könnte ich diesen Halter anrufen und jetzt werde ich zu Holder hinzufügen, und ich werde gleich Halter plus Ordner plus und lasst uns ah, Wert von X geben und X so einen gleichwertigen Halter plus Halter und dann, nachdem die Schleife beendet ist, lassen Sie uns Ausgabe tun. Inner HTML und lassen Sie uns den Wert des Halters innerhalb dieses inneren HTML setzen. Kannst du das dort sehen? Vielleicht fehlt in unserer Schleife etwas, also schauen wir uns genauer an. Also setzen wir einen zusätzlichen Wert von 10. Wir wissen also, dass der Überschuss bei 10 beginnt und wir schleifen, während X weniger als 10 ist. Im Moment, wie er steht, wird unser Code die Zehenschleife fortsetzen, und es gibt nichts, was unseren Code wirklich brechen wird, weil X immer 10 sein wird. Und vielleicht müssen wir 21 zurücksetzen, also wird X jetzt eins sein. Es wird weitergehen. Toe Schleife waren nicht tatsächlich inkrementelle X. Also das ist, was wir hinzufügen müssen. Wir müssen in einer Weise hinzufügen, um X zu erhöhen und gehen den ganzen Weg zurück zu einem der früheren Lektionen, wo wir X um eins erhöhen können, indem wir die beiden Pluszeichen machen, die kurz für X gleich X plus eins sind. Und dies erhöht X um eins und bricht schließlich aus unserer Schleife heraus, sobald es einen Wert erreicht , der gleich 10 ist als unser Lupul Bruch. Und dann haben wir einen Wert für Holder , den wir tatsächlich innerhalb dieses inneren HTML ausgeben können. Und ich wollte noch eine Sache hinzufügen. Ich möchte in etwas HTML dort draußen, also gibt es schön und ordentlich aus, so dass wir gehen. Also eine Schleife und wir schauten den ganzen Weg zu neun, erinnerten uns wieder, dass X beginnt als eins und wir schleifen. Wir setzen die Schleife fort, bis X kleiner als 10 ist. Also habe ich dir gesagt, das war wirklich einfach und ziemlich cool wir können am Ende mit Wenn du das 100 Mal schreiben willst , könnten wir so leicht tun, dass eigentlich 100 und eins s sein sollte, so dass wir es den ganzen Weg zu 100 schreiben können . Also lassen Sie uns das tun und sehen, wie schnell es diese acht schreibt. Also gehen wir hin. 1 bis 100 Uh, Moment, es sofort über Javascript. Sagte also, dass es andere Arten von Schleifen gibt, also gibt es auch eine do-Schleife. Also das Prinzip das Konzept ist das gleiche schaltet nur die Reihenfolge aus. Also immer, wenn Sie Schleifen erstellen, müssen Sie denken, dass Sie diese drei Komponenten benötigen, die Sie benötigen, um diesen Anfangswert zu setzen, und dann müssen Sie eine Bedingung haben. und dann müssen Sie vielleicht nicht unbedingt inkrementieren, aber Sie müssen sich ändernden Wert haben. Sie müssen also diesen Wert ständig ändern, um schließlich aus der Bedingung zu brechen , um dann die Schleife zu beenden. Also lassen Sie uns sehen, dass es einen Blick darauf werfen, wie wir eine do Schleife machen können. Also eine do Schleife wieder, Eine sehr ähnliche Idee wie die wilde Schleife. Also haben wir es getan und wir werden X inkrementell in hier und dann in hier werden wir tun, sieht sehr ähnlich aus und das einzige, was am Ende hier, wir werden eine Weile machen. Also fügen wir die Zeit hier am Ende hinzu. Also die Zeit ist die Bedingung, und einige Entwickler bevorzugen diese Art von Ausgabe als Polizei zu diesem. Also kann ich das jetzt wirklich kommentieren und jetzt schauen wir uns unsere Ausgabe an und vielleicht brauchen wir nicht den ganzen Weg zu 101 zu gehen. Das ist vielleicht ein bisschen zu extrem. Aktualisieren Sie also die Seite 1 bis 9. Das Gleiche. Ausgabe ist gleich. Und diese, Aber der Unterschied zwischen der while und der do Schleife manchmal Entwickler gerne unter dieser Bedingung zu trennen . Sie mögen diesen sich ändernden Wert und dann haben sie gerne den Code. Sie sind getrennt. Also nicht wirklich eine ganze Menge Unterschied. Die Ausgabe und das Ergebnis ist genau das Gleiche. Und dann gibt es eine andere Art von Schleife, und diese Schleife ist super üblich. Und eigentlich meine häufigste Art, dass ich normalerweise Schleifen mache, benutze ich normalerweise die for-Schleife eso wieder dasselbe, was wir brauchen, um eine Reihe dieser Bedingungen zu erfüllen, und wir haben unseren Code , der dort durchläuft. Und eigentlich finde ich, dass dieser hier manchmal etwas sauberer ist. Schon wieder Eso. Wir machen dasselbe, wo wir mit dem Standardwert für X beginnen, also könnte ich das hier einfach übernehmen. Also halten wir alles in einem Bereich, sind Bedingung ist der nächste. Also, während X weniger als 10 ist und dann schließlich werden wir X erhöhen also gibt es uns die Fähigkeit. Teoh, wirklich. Es ist ziemlich eigenständig, viel anders als die anderen dort, und ich muss nicht einmal diesen Anfangswert für X setzen. Werfen wir einen Blick und sehen, wie dies ausgibt. Also wieder sehen wir, es ist die gleiche Sache, gleiche Ausgabe und nur auf eine andere Weise gemacht, wo wir die vier Schleife eso verwenden, je nachdem, was Ihre Umstände und wie Sie sind, setzen Sie Ihre Inhalte. Sie können eine über die andere eso die meiste Zeit, die Sie gehen, um die while-Schleifen zu sehen. Und am häufigsten, würde ich sagen, sind die vier Schleifen. Und es erfüllt immer diese drei Bedingungen, die Sie innerhalb Ihrer Schleifenformel haben müssen , um das richtig in Gang zu bringen. In der nächsten Lektion werden wir uns einen super leistungsfähigen Teil von JavaScript ansehen, und das sind Funktionen, so dass Programmierung und Funktionen Hand in Hand gehen und sie erlauben Ihnen, wirklich erstaunliche Dinge zu bauen . Also diese Luft, was wir in der nächsten Lektion betrachten werden, sind Funktionen 14. 17 JavaScript Einführung in die Funktionen: in dieser Lektion werden wir uns einen meiner Favoriten ansehen, und das sind Funktionen. Funktionen geben Ihnen im Wesentlichen die Möglichkeit, einige wiederverwendbare Code-Code-Snippets zu erstellen, die Sie leicht so ähnlich wie das, was wir mit den Variablen gemacht haben, wo wir sie mit einem Wert hatten , können Funktionen als eine Möglichkeit betrachtet werden, mehr als nur einen Wert zu halten aber eine Reihe von Gericht. zunächst Definieren Siezunächsteine Funktion. Das ist also mein Spaß, und so schaffen wir eine grundlegende Funktion. So haben wir jetzt eine Funktion namens My fun erstellt. Und dann innerhalb dieser Funktion, wann immer wir es nennen wollen, setzen wir es einfach hier aus, damit wir die Funktion aufrufen können. Wir können es mehrmals anrufen, wenn wir wollten. Und vielleicht für den Moment, wir sind nur, uh, Konsole Abmeldefunktion. Lauf. Schauen wir uns unseren Browser an, sehen Sie, was passiert. Also erfrischen Sie es. Wir sehen, dass wir die Funktion einmal ausführen, die Funktion erneut ausführen. So sehen wir, dass unsere Funktion ihr Konsolenprotokoll läuft immer noch online. Vier in unserem Code hier, weil wir nur die Funktion aufrufen, die so schnell und einfach ist einen wiederverwendbaren Code zu erstellen, und wir haben tatsächlich bereits Funktionen gesehen, wenn wir Warnungen gesehen haben. Format ist das gleiche, und diese Luft nur integrierte Funktionen in JavaScript in diesem Fenster. Objekt. Denken Sie daran, wenn wir uns Warnungen ansehen, gleiche Format wie der mein Fonds und nur eine schnelle und einfache Möglichkeit, ein wiederverwendbares Gericht zu erstellen? Es gibt eine ganze Menge, die Sie tatsächlich mit Funktionen tun können. Und es gibt auch Argumente, die Sie auch innerhalb von Funktionen übergeben können. Also lassen Sie uns sagen, zum Beispiel, ich wollte ein Argument von einem und dann dieses ein waas hallo übergeben. Und dann war dieser eine Welt. Also differenzieren wir sie tatsächlich. Und lasst uns, äh, wie ist das hier hineingekommen? Also, was glaubst du, wird jetzt passieren? Wir führen die gleiche Funktion zweimal aus, aber wir senden tatsächlich verschiedene Parameter. Verschiedene Argumente in diese Funktion und dann innerhalb dieser Funktion nahmen tatsächlich diesen Wert, der innerhalb des Arguments übergeben wurde. Und wir machen etwas damit. Mal sehen, wie das aussieht. So sehen wir, dass die erste Funktion läuft und wir Funktion laufen. Hallo Funktion, Lauf Welt. Was hier passiert ist, ist, dass dieses Argument tatsächlich vorbei ist, es wurde als Wert für acht festgelegt, und dann konnten wir ausgeben. Ich werde ein in unser JavaScript setzen, einen genaueren Blick auf Funktionen werfen, Werte übergeben und so weiter. Also können wir auch etwas tun, wo wir haben, was man eine Rückkehr nennt. Vielleicht möchten wir diesen Wert zurück auf die ursprüngliche Funktion zurückgeben. Und vielleicht wollen wir hier einen weiteren Holder-Wert für eine andere Variable für den Halter setzen . Und jetzt, was wir tun wollen, ist, dass wir Halter laufen wollen und wir wollen Holder gleich Halter, plus diese Funktion und wir machen das gleiche hier und lassen Sie uns den Wert des Halters dort setzen. Mal sehen, was jetzt passiert. So sehen wir, dass wir die Ausgabefunktion laufen, hallo Funktion, Run-Welt haben. Und was jetzt passiert ist, ist, dass diese Funktion tatsächlich Wert zurückgibt , und der Wert, der zurückgibt, wird hier geschrieben. Jetzt haben wir die Fähigkeit, eine Variable oder einen Parameter zu übernehmen, die sie in die Funktion übergibt , sie innerhalb unserer Funktion zu nutzen und sie dann zurückzugeben. Und das Schöne daran ist, dass wir mehrere Argumente in Wir übergeben können, ähm Augen Ganzzahlen schwächen possum als Bowling. Also, jetzt haben wir ein Plus B und vielleicht, lasst uns nur werden Inkremente innerhalb der Funktion sein und wird B plus Funktion tun? Mal sehen, was jetzt passiert, und vielleicht haben wir diese beiden einfach so eingestellt, dass sie gleich sind. Und wir sollten auch etwas HTML hinzufügen. Also nur ein Zeilenumbruch dort am Ende. Es sieht also sauberer aus, damit Sie das besser lesen können. Lassen Sie uns das aktualisieren und wir haben sechs Funktionen laufen. Hallo sechs Funktionslauf. Hallo. Was hier passiert ist, ist, dass jedes Mal, wenn wir fünf übergeben, es die Variable B nimmt, dass Wert von fünf inkrementell darin waren und dann geben wir es zurück, dass wir als Wert von fünf bleiben. Aber was passiert, wenn ich X benutzen wollte? Also habe ich hier aufgeregt, also werde ich jedes Mal, wenn die Funktion ausgeführt wird, ex inkrementieren und anstatt zurückzugeben, geben wir Fax statt Analyse zurück. Werfen Sie einen Blick auf das und sehen Sie, was passiert. Also denken Sie daran, überschüssige Beginnend als eins, führen wir die Funktion X Inkremente auf zwei zurückgibt Dieser Fledermauswert der Zeichenfolgenwert zurück zu dieser Anfangszeile Ein Code, der das aufgerufen hat und dann Unfall mit Halter. Und dann läuft es wieder. Fügt es mit Halter hinzu. Und das ist, wo wir all diese Ausgabe ins Spiel kommen. Also weiß ich, was du denkst. Du denkst wahrscheinlich, , was ist,wenn ich eine Variable A habe und sie zu hallo oder so etwas gesagt habe? Oder vielleicht nicht Hallo, aber neuer Wert. Also, jetzt habe ich eine Variable hier. Ich habe eine Variable hier, und ich gebe hier eine Variable zurück. Was denkst du, wird hier passieren, weil die Variable a, die wir innerhalb der Funktion auf Li verwenden , innerhalb dieser Funktion lebt. Also Variablen, die innerhalb der Funktion gesetzt werden. Also, wenn ich eine Variable setzen sollte, siehe und ich gab ihm hier einen Wert, also setze einen Wert von test und dann gehe ich den ganzen Weg hierher und ich möchte diesen Wert von Causgeben C also können wir vielleicht plus C oder so etwas tun. Dies wird also tatsächlich einen Fehler auslösen, weil dieser Wert von C nicht definiert ist , weil dieser Wert von C innerhalb der Funktion definiert wurde, also sitzt er nur lokal innerhalb dieser Funktion. Also, um all dies zusammenzufassen, haben wir tatsächlich verschiedene Bereiche. Also haben wir das, was man den globalen Bereich nennt, und dann haben wir die lokale Schule. Alles, was außerhalb der Funktion gesetzt wird, ist innerhalb des globalen Bereichs enthalten, da wir innerhalb der Funktion darauf zugreifen können. Wir haben Zugriff darauf außerhalb der Funktion, aber alles, was lokal innerhalb dieser Funktion ist, ist in sich selbst enthalten. Es sei denn, wir geben es als Wert zurück und nehmen es dann beim Rückgabeprozess auf, dann ist das die einzige Möglichkeit, Berechnungen und Aktualisierungen dieser Werte wieder in den globalen Raum aus dem lokalen Raum aus die Funktion. also Variablen verwenden möchten, verwenden Sie zum größten Teil Wenn Siealso Variablen verwenden möchten, verwenden Sie zum größten TeilVariablen, die innerhalb der Funktion spezifisch sind. Stellen Sie sicher, dass Sie keine Variablen verwenden, die als globale Variablen definiert sind, da sie innerhalb der Funktion nur innerhalb dieser Funktion verfügbar sind und diese Werte nicht aus den globalen übernommen werden. Aber wenn Sie eine globale Variable verwenden möchten, also für diese Instanz, wenn ich eine innerhalb der Funktion verwenden wollte, haben Sie tatsächlich keinen Zugriff auf diesen Wert von a, weil ich den Wert von a in meinem Argument zurücksetze. Eines der Dinge, die ich in dieser Funktion bemerken wollte. Was ist, wenn ich so etwas habe, sehen Sie, und ich es eigentlich nicht weitergebe? Vielleichtübergebe ich einen Wert von C, übergebe ich einen Wert von C also setze einfach 100. Aber in diesem hier bin ich nicht vorbei. Sehen Sie? Was denkst du, wird hier passieren, wenn es versucht, diese Funktion auszuführen? Es ist in Ordnung. Da sind die drei Parameter. Drei Parameter hier, alles ist in Ordnung. Wir können es abholen, wir können es benutzen. Aber wenn es darum geht, haben wir nur zwei. Also haben wir ein A und A B und C tatsächlich keinen Wert bekommen. Also werden wir hier tatsächlich auf ein Problem stoßen, weil wir keinen Wert für C sehen können . Also, obwohl er läuft, bis wir tatsächlich versuchen, See zu verwenden, werden wir auf keine Fehler stoßen. Aber es ist immer eine gute Idee, wenn Sie all diese Argumente nutzen wollen und ich weiß nicht, woher das kam, aber das sollte definitiv nicht sagen Fall eso, wenn wir es jetzt innerhalb des Skripts nutzen wollen , Wir werden auf Fehler werfen, weil wir undefiniert werden. Es wird nicht innerhalb unserer Funktion definiert. Also können wir etwas Leichtes tun, wo wir so etwas tun können oder einfach ein setzen und jetzt, wenn wir es ausführen, sehen wir, dass, wenn wir dieses Argument nicht standardmäßig übergeben, es einen Wert von jedem erhält und daher können wir es innerhalb unserer Funktion verwenden, gibt es sogar zurück, wenn wir es nicht tatsächlich als Argument an erster Stelle übergeben. Also ich weiß, dass es ziemlich viele Informationen gibt, die wir hier in Funktionen behandelt haben , und es ist super nützlich, um zu verstehen, wie Funktionen funktionieren. So können Sie entweder einfach diesen Codeausschnitt ausführen. Sie können Code zurückgeben, Sie können beide s tun Oh, das hängt alles davon ab, was Sie mit dieser Funktion tun möchten, und manchmal könnten diese Funktionen tatsächlich ziemlich komplex werden. Und denken Sie daran, dass es verschiedene Variablen gibt, Variablen außerhalb der Funktion, Variablen innerhalb der Funktion, und sie werden anders behandelt werden und die Funktion ist in sich enthalten. Eso nehmen Sie sich wieder etwas Zeit, spielen Sie mit Funktionen, lernen Sie Funktionen kennen und lernen Sie Funktionen kennen, weil sie wichtiger Teil von Codierung und JavaScript sind . Wenn Sie Funktionen integriert haben, wird es Ihr JavaScript viel glatter laufen lassen. Und Sie werden in der Lage sein, eine ganze Reihe mawr Logik wirklich einfach anzuwenden und Snippets einen Code sehr einfach mit Funktionen auszuführen . Also werden wir in der nächsten Lektion tiefer untersuchen, was wir mit JavaScript machen können, und wir werden wieder in das springen, was das Dom tut und uns die Interaktionen ansehen , die wir vom Webbenutzer abholen könnten. Wenn also jemand auf Ihre Website kommt, die mit Ihren Inhalten interagiert, können Sie diese Hinweise in JavaScript auswählen und Ihre Inhalte interaktiv gestalten. Und wie wir sehen können, können wir bereits eine Dynamik machen. Nun, es ist, wenn wir all das kombinieren, schafft es eine erstaunliche Benutzererfahrung. alles kommt also in der nächsten Lektion auf. 15. 19 Erstellen deiner HTML-Seite interaktiv und dynamisch mit JavaScript: Okay, ich weiß, dass ich das schon gesagt habe, aber ich habe ein paar Lieblingsteile zu JavaScript, und einer von ihnen sind die Interaktionen. Wenn Sie also Interaktionen für Webbenutzer erstellen können, bereichern Sie die Web-Benutzererfahrung wirklich. In dieser Lektion werden wir Ihnen zeigen, wie Sie diese Interaktionen mit Webbenutzern erstellen können , indem Sie ihre Aktionen ausführen, die sie in Ihrer Webanwendung ausführen und etwas damit tun. Also habe ich, dass ich hier ausgegeben habe. Ich habe in hallo Welt hinzugefügt. Da sind wir tatsächlich einige Inhalte da drin sehen können. Und ich habe diese Variable Ausgabe gleich dem Dokument get Element von E di i d Ausgabe gesetzt. Grunde ImGrunde hält die Ausgabe immer noch den Inhalt dieses Elementobjekts. Und alles, was wir hier in dieser Ausgabe sehen, ist dieses Hallo, Welt. Wäre es nicht schön, wenn wir auf Hallo, Welt klicken könnten und tatsächlich etwas passiert wäre? Und das ist, was mit Javascript und der Morgendämmerung gemacht werden kann. Also haben wir das schon im Dom gesehen. Wir haben gerade eine ganze Menge Sachen, die wir innerhalb dieser Elemente sehen können, und wir sehen, dass wir diese Ereignis-Listener haben. Wir haben Eigenschaften und wir gehen in die Eigenschaft und aus jedem Element, das wir haben, klicken Sie auf Ändern und auf Weichzeichnen und ganze Reihe dieser Ereignis-Listener, die verfügbar sind. Also werde ich einfach wieder hier rüber gehen, weil ich weiß, dass das ziemlich groß ist, habe es vergrößert. Also will ich nicht alles damit verwechseln. Aber lassen Sie uns einfach zurückgehen, um dieses Element aufzuheben und es klickbar zu machen. Das wird also überraschend super einfach sein. Und lasst uns, äh, eine Funktion einrichten. Also haben wir schon gesehen, dass es weniger dauert, als wie wir eine Funktion haben können. Und so nennen wir es My Eve und dann innerhalb dieser Funktion wird Konsolenausmeldungen. Wow, denn wirklich, wenn du siehst, wie einfach das sagen wird, Wow, also müssen wir jetzt etwas haben, um diese Funktion auszulösen. Also sahen wir vorher, dass wir eine Funktion hatten, die wir so etwas tun konnten, wir konnten die Funktion ausführen und so weiter. Lassen Sie uns dies also einen Schritt weiter machen und dieses acht Put-Objekt verwenden und einen Ereignis-Listener darauf setzen . So wie wir es getan haben, als wir sahen, dass es schnell wieder hierher gehen würde. Und ich weiß, dass das hier ziemlich groß und verzerrt ist, aber das ist unter Elementeigenschaften im Chrome-Browser. Und wir sehen, dass wir das auf Click-Objekt haben und genau wie wir auf dieses innere HTML zugriffen haben, taten genau dasselbe für den On Click. Also machen wir einfach das auf Klick hier. Und jetzt müssen wir etwas haben, das ausgelöst wird, wenn auf dieses Ereignis geklickt wird. Also sind wir nicht gleich, dass es ausgegeben wird, wie wir es mit dem HTML getan haben, sondern es mit ah, Funktion. Also wollen wir meinen Vorabend abfeuern und bemerken, dass ich die abgerundeten Klammern nicht einschließen muss . Also werde ich nur meinen Vorabend dort hinstellen. Gehen wir zurück, aktualisieren Sie die Seite und sehen Sie sich das jetzt in der Konsole an. Ziemlich cool, richtig? Ich kann einfach weiter darauf klicken und es hat den Ereignis-Listener dort drauf. Und wenn ich darauf klicke, bin ich draußen, während ich in der Konsole. Also im Grunde bedeutet das, dass wow, wir können wirklich einige ziemlich coole Sachen in unserem JavaScript machen. Also lasst uns ah Kombination von einigen Sachen hier so variabel machen und wir werden X als eins setzen Jedes Mal, wenn es angeklickt wird, wird X inkrementieren. und jetzt werden wir etwas Inhalt setzen, also haben wir in ihr HTML gesetzt und lassen Sie uns schnell machen Nummer und wir werden X hinzufügen und sehen, was passiert. Also, was denkst du, wird hier passieren? Jedes Mal, wenn wir auf dieses bestimmte Element auf unserer Webseite klicken, werden wir den On-Click-Ereignis-Listener ausschalten und wir werden diese Funktion abschalten. Diese Funktion wird X erhöhen, wo wir ihren Anfangswert Zehe eins setzen. Wir werden immer noch dieses Konsolenprotokoll haben, weil wir das definitiv nicht loswerden wollen, weil wir dieses Wow jedes Mal auftauchen wollen. Und hier drüben habe ich das gleiche Ausgangsobjekt genommen, das ich hier hatte, und ich habe getan, was wir früher getan haben . Ich habe Inter HTML geführt und ich habe eine Nachricht dort gesetzt. Also lassen Sie uns das überprüfen. Also klicke ich darauf klicken, um drei Klick-Floor zu klicken, klicken Sie auf Fünf Klicks sechs, Klicken Sie auf sieben, Klicken Sie auf 10 11 und Salon. Es ist eine wirklich coole Rate, weil jetzt der Web-Benutzer vollständig mit Ihren Inhalten interagieren kann und Ihre Inhalte tatsächlich dynamisch sind, je nachdem, ob der Benutzer mit ihm interagiert. Etwas passiert und etwas ändert sich. Und das ist wirklich das Herzstück von JavaScript, damit Dinge geschehen und diese nahtlosen, erstaunlichen Interaktionen für Web-Benutzer machen diese nahtlosen, , wenn sie kommen und mit Ihren Inhalten interagieren und etwas für sie passieren. Und wir haben gesehen, wie einfach und einfach es ist, mit nur ein paar Zeilen Kälte zu tun, wir können einige wirklich coole Interaktionen erstellen. Und wenn wir Dinge zusammenmischen, die wir in den früheren Lektionen gelernt haben, haben wir eine ganze Reihe von Funktionen, die wir hier ausgeben können und wir können tun. Wir können sogar Dinge tun, wie wir die Schleifen dort einschließen können. Wir können zusätzliche Bedingungen einschließen, damit wir etwas sagen können, wie wenn X gleich ist, wenn X ist. Oder vielleicht, wenn X nur größer als fünf ist. Und hier drüben haben wir Variable und Nachricht gleich klicken. Also werden wir das auch tun, auch tun, als ein dynamischer Teil des Outputs und Kapitän zusammen essen, das loswerden. Und jetzt, wenn X größer als fünf ist, dann lassen Sie uns unsere while-Nachricht hier eintragen. Wow, Viele Klicks und Salon. Und nun mal sehen, was passiert, wenn die Benutzer kommen. Sie interagieren, Klicken Sie auf drei klicken, Klicken Sie auf vier, Klicken Sie auf fünf und jetzt Wow! Viele Klicks. Nummer 6789 10 Und vielleicht sogar hier. Wir können hier etwas anderes passieren, damit wir haben können, wenn, wenn es größer als fünf ist und X weniger als 10 ist, dass wir zu dieser Nachricht gehen. Aber wenn X 11 oder größer als 11 ist, hören Sie auf mich zu klicken. Nein, wir haben alle Arten von Interaktionen, und das ist es, was Benutzer wirklich lieben. Sie lieben es, sich mit Inhalten zu beschäftigen. Sie lieben es, Dinge zu sehen, Dinge ändern sich und wirklich die Webseite reagiert auf ihre Interaktionen. Nun, natürlich, können Sie wirklich beginnen, dies zu bauen und einige wirklich coole Interaktionen für Web-Benutzer zu erstellen . So haben wir auch nicht nur haben wir diese Art von Funktionalität, schwächen tun einige andere Dinge als auch innerhalb dieser Ereignis-Listener. Es gibt also nicht nur die Klicks. Also, wenn Sie sich erinnern, als wir auf die Morgendämmerung schauten, so ging zurück in die Elemente, gingen wir in den Körper hier und wir sahen, dass wir nicht nur auf Klick hatten. Wir haben ein paar verschiedene. Also lassen Sie uns einen Blick auf diejenigen in der kommenden Lektion werfen einen genaueren Blick auf diese und wir werden sehen, welche anderen wir bewerben können. Also haben wir hier, wo wir Mund stille Maus über eso haben. Vielleicht möchten wir dieses Inkrement auf der Maus über machen, also schauen wir uns das in der kommenden Lektion an. 16. 20 JavaScript Event Zuhörer: in der letzten Lektion haben wir uns Klicks angesehen und wie wir die Dinge mit einem Klick erledigen können. Also gehen wir noch weiter. Und statt eines Klicks nehmen wir das andere Objekt dorthin. So gehen wir zurück zu den Elementen und wir sahen in jedem Element haben wir alle diese anderen. Das ist also ein weiteres ordentliches auf der Maus über eso dieses hier. Was ist das? Kaffee? Das ein und Schritt auf Klick. Lasst uns über uns machen und in meinem Vorabend stehen. Wir machen meine Eve eins. Also schließen Sie das ab. Und vielleicht ist die Nachricht hier von meiner Helen. Also runter von meinen Elementen. Immer wenn der Benutzer darüber ist, wird er sagen: „ Runter von meinem Element. Lassen Sie es uns auffrischen und tatsächlich eine Luft dorthin werfen. Also ist mein Ive nicht definiert, weil natürlich ich es natürlichnicht definiert habe, also ist es wieder in das gesprungen. Aktualisieren Sie es, und jetzt, wenn wir oben drauf sind, sehen wir, dass aus meinem Element. Wir haben immer noch diese Inkremente. Hören Sie auf mich zu klicken, aktualisieren Sie es, steigen Sie aus meinem Element. Es gibt also viele wirklich coole Dinge hier, und wir haben eine ziemlich große Auswahl an verschiedenen Event-Listern, aus denen wir auch wählen können . Es gibt also auch eine andere Möglichkeit, Ereignis-Listener zu Ihren Elementen hinzuzufügen. Also werd ich mir einen weiteren Blick auf Event-Zuhörer werfen. Und so haben wir auf diese Weise gesehen, dass wir diese auf Klicks auf Maus-Overs und gehen in der gleichen Art von Format tun können . Also werde ich hier noch einen machen und dasselbe Ausgabe-Objekt verwenden. Aber wir werden die eingebaute Funktion namens Anzeigen-Event-Listener verwenden, und dieser Typ gibt uns auch die Möglichkeit, einen Ereignis-Listener hinzuzufügen, der bei Klick hinzugefügt wurde. Und dann können wir hier eine Funktion abfeuern. Also mein Ive ist die Funktion, die wir abfeuern wollen. Also kann ich das einfach auskommentieren, und ich weiß, dass das hier irgendwie ärgerlich ist, also kommentieren Sie das auch aus. Gehen Sie zurück und aktualisieren Sie es, und wir sehen, dass dies eine andere Möglichkeit ist, einen Ereignis-Listener hinzuzufügen. Eso diese Luft zwei verschiedene Möglichkeiten, Ereignis-Listener hinzuzufügen, und der Unterschied hier ist, wenn wir Ereignis-Listener innerhalb dieser Art von Format hinzufügen, können wir mehrere Ereignisse zu demselben Element hinzufügen, ohne vorhandene Ereignisse zu überschreiben und dann bei zur gleichen Zeit und wir fügen Ereignis-Listener hinzu, haben wir auch die Möglichkeit, Ereignis-Listener zu entfernen. Also eine Bank, die im Grunde das gibt uns noch mehr Kontrolle. Also haben wir hier eine andere Option, wo wir statt Ereignis-Listener hinzufügen können, können wir diesen Listener und auf Klickfunktion entfernen. Im Grunde wird dies diesen Ereignis-Listener entfernen. Also, jetzt fügen wir es hinzu. Jetzt entfernen wir es. Eso gibt uns mehr Kontrolle, während wir hier drüben, wenn wir einen Klick setzen, keine Möglichkeit haben, diesen Ereignis-Listener so mehr Kontrolle zu entfernen. Wenn wir die eingebauten Funktionen in JavaScript verwenden, um unsere Ereignis-Listener zu steuern und im Wesentlichen all die Dinge, die Sie hier tun können, können Sie hier einen Schwung machen. Also hast du sie einfach anders gemacht. Sie verwenden also nicht die auf, die Sie nur mit der Maus über die Maus bewegen und so weiter. Anstatt zu klicken, können wir ungerade die meisten bewegen und so weiter. In den vorherigen Lektionen haben wir viele wirklich coole Dinge durchgemacht, die Sie mit JavaScript und in der nächsten Lektion tun können . Wir werden uns nur andere Möglichkeiten ansehen, um Daten wie eine Erhöhung und Objekte einzudämmen und zu speichern. Also haben wir mit Objekten gearbeitet, weil dies tatsächlich ein Objekt ist, also ist es nicht nur eine Variable, also ist es nicht nur ein Stück Inhalt. Da ist das ein Objekt. Also werden wir uns ansehen, wie Objekte funktionieren und wie eine Erhöhung in der kommenden Lektion funktioniert. 17. 22 JavaScript Arrays: in dieser Lektion. Ich möchte einen anderen Containertoe-Hold-Wert in JavaScript betrachten. Also, zuvor hatten wir uns Variablen angesehen, wo wir Strings haben, Wir haben in Juroren, wir haben boolesche Werte. Es ist eine andere Möglichkeit, Werte zu halten. Und auf diese Weise können wir tatsächlich mehrere Werte halten, besteht darin, eine Array-Variable meines Arrays zu verwenden. Also wieder sieht es genauso aus wie wir unsere normalen Variablen machen, wo wir hier Wert setzen. Aber wir müssen definieren, dass wir Also haben wir zwei verschiedene Möglichkeiten, eine Erhöhung einzurichten, wo wir ein neues Array setzen können und dann innerhalb hier, können wir alle Rate Objekt-Informationen setzen. Also zu drei und so weiter. Oder wir könnten mein Array variabel machen. Und wir können einfach die eckigen Klammern machen. Und wir können all diese Inhalte hier auch enthalten haben. Also zwei verschiedene Möglichkeiten, um eine Gehaltserhöhung einzurichten und wir gehen hier zurück. Es spielt also keine Rolle, auf welche Weise wir die Strahlen aufstellen. Wir erhalten die gleichen Elemente und die gleiche Struktur. Die meiste Zeit werden Sie sehen, dass in JavaScript die meisten Leute meine Arabi diese Art von Format verwenden, weil es der wörtliche Weg ist und es schneller und einfacher und lesbarer ist. Also lasst uns vorerst bei diesem bleiben. Und jetzt was? Was passiert, wenn Sie tatsächlich einen Teil dieser Inhalte aus dem Rennen wieder aufnehmen wollen? Wir werden diesen inneren HTML-Code verwenden. Es war toll, sich mit der Arbeit mit der Morgendämmerung vertraut zu machen und wir wollen. Wir sehen, dass wir innerhalb dieses Arrays tatsächlich drei Elemente hier innerhalb des Arrays und mit einer Erhöhung haben . Es ist wichtig zu beachten, dass sie mit Null beginnen. Wenn wir also dieses erste Element im Array betrachten, haben wir als Null ausgewählt. Wenn wir jetzt wieder raus gehen und ihn auffrischen, bekommen wir den ersten Gegenstand in der Vergewaltigung. Und das ist eine andere Sache. Dieses Konsolenprotokoll ist super nützlich für, denn wenn ich sehen möchte, wie mein Henry tatsächlich aussieht, kann ich es abmelden und ich kann die Struktur der Rate sehen. Ich sehe also, dass der erste Gegenstand ein zweites bis dritter Punkt drei ist. Jetzt wollen wir sehen, dass wir eine Aktualisierung ihrer Rate in JavaScript machen wollen. Es gibt eine Reihe von verschiedenen Möglichkeiten, das zu tun. Wir können verschiedene Werte auch in verschiedenen Arten von vier Monaten festlegen. Also könnte ich etwas tun, wo, wenn ich die Artikelnummer Null aktualisieren wollte und ich zwei neue Werte einrichten möchte , gehen wir zurück, aktualisieren Sie es, sehen Sie, was passiert. Also jetzt haben wir diesen neuen Wert in ihrem ray eso sehen wir hier innerhalb dieses Array-Objekts dass sich dieser Wert geändert hat. Dies ist eine Möglichkeit, dass Sie die Werte innerhalb des Arrays aktualisieren können und eine andere Sache, die Sie innerhalb einer Erhöhung beachten müssen, damit wir String-Werte annehmen können. Wir können eine Reihe von Werten nehmen und wir können auch Tyrannen nehmen. Also all das ist auch innerhalb der Rate verfügbar, so wichtig zu beachten, dass es einige verschiedene Methoden gibt, die wir innerhalb verwenden können, um mehr Informationen über eine Erhöhung eso zu erhalten , wenn wir wollten, zum Beispiel, wir wollen wissen, wie lange Arrays sind. Wir können die Länge benutzen. Also beachte, dass wir hier in ihrem Strahl sind. Wir haben alle Sachen. Aber wir haben hier auch ein Objekt mit dem Namen Länge und das ist alles, was wir verwenden werden um die tatsächliche Länge der Theorie zu erhalten. Manchmal ist es also nützlich zu wissen, wie viele Gegenstände Sie in ihrem Rennen haben. Wir sehen wieder fünf, beginnend bei Null. Das ist also immer etwas zu beachten, dass es immer beginnt. Bei Null. Wir können Elemente in das Rennen der hinzufügen, die einen Gegenstand im nächsten verfügbaren Slot innerhalb des Arrays hinzufügen möchten , nehmen wir diesen Namen des Ari wir Push-Funktion verwenden. Und dann hier ist, wo wir setzen, wie das ging wieder raus. Und jetzt können wir sehen, dass wir innerhalb des Arrays tatsächlich sechs Artikel haben. Wir haben das hier am Ende hinzugefügt. Also sehen Sie, unser Wert hier ist auf sechs gestiegen, und mit den Rays gibt es eine ganze Menge verschiedener Dinge, die Sie mit einer Gehaltserhöhung tun können. Also haben wir gesehen, wie wir Dinge hinzufügen können. Wir können auch aus der Waffenkammer entfernen. Nehmen wir zum Beispiel an, wir haben das hinzugefügt und jetzt wollen wir es loswerden. Alles, was wir tun müssen, ist einen Ray Pop zu machen, und das wird automatisch den letzten aus dem Ari entfernen. Also, jetzt sind wir zurück zu dem, was wir im Array angefangen haben. Und es gibt eine ganze Reihe von verschiedenen Methoden, die Sie innerhalb der Sorge nutzen können. Eso können Sie tatsächlich ziehen, dass Wert eine Swell. Wir haben gesehen, wie wir Werte in die Rate drängen können, die wir können. Außerdem entferne ich die erste und wir können die Vergewaltigung verschieben. Lassen Sie uns Ihnen das auch zeigen. Also nochmal, es gibt nur den Namen ihrer Rate, den Wert dort und dann die im Grunde die Funktion, die wir wollen. Wir wollen weglaufen. Also, wenn wir es verschieben und lassen Sie uns vielleicht das Ary wieder hier am Ende einloggen. Also lasst uns auffrischen. Und jetzt haben wir eso. Jetzt sehen wir, dass sich der Strahl geändert hat, also haben wir den ersten Gegenstand abgenommen. Also derjenige, der die Verschiebung verwendet hat, und wir haben auch die letzte mit der Pop-Methode entfernt , wenn wir ein Element hinzufügen möchten. Also haben wir gesehen, wie wir auf Artikel in ihre Rate drängen können, also gibt es eine andere Möglichkeit, das auch zu tun. Also, weil wir die 1. 1 entfernen können, können wir auch hinzufügen und Artikel dort vor diesem 1. 1, so dass wir eine unummantelte tun können. Und lasst uns das nochmal auffrischen. Jetzt, als wir nicht gesiebt haben, haben wir einen Artikel hinzugefügt. Also haben wir es mit einer Verschiebung entfernt und wir haben nicht gesiebt und wir konnten das wieder in Also wieder hinzufügen , ziemlich viele Sachen, die Sie mit einer Erhöhung tun können. Wir können auch bestimmte Werte löschen, so dass wir Elemente S löschen können, wenn Sie also ein bestimmtes Element löschen möchten , schwächen, löschen und einen Strahl löschen und dann müssen wir nur angeben, welches Indexelement es entfernen möchte aus. Also wollen wir entfernen, was in Position ist, also ist es wieder auffrischen. Also, jetzt haben wir entfernt. Also haben wir dies hinzugefügt, so dass wir diesen Wert entfernt haben, weil es der zweite Artikel hier innerhalb der Rate war . Also haben wir diese eine Notiz entfernt und eso Das ist eine andere Möglichkeit, verschiedene Gegenstände auszusuchen . diesem Ort können wir auch Elemente entfernen. Also ich weiß, dass es hier eine ganze Reihe von Befehlen gibt, die wir viele verschiedene Methoden ausführen . Eso ist es wichtig, sich mit Leichtigkeit vertraut zu machen, weil eine Erhöhung oder wirklich, sie haben eine Menge Macht in JavaScript. Es ist also eine ganze Menge, die Sie mit dem Rennen machen können. Also lasst uns das versuchen. Also Array und Splits und was ist Platz tut, ist es uns erlaubt, das Element auszuwählen, das wir entfernen möchten und dann, wie viele Elemente wir entfernen möchten. Nehmen wir an, zum Beispiel möchte ich das erste Element entfernen und ich möchte nur das erste Element entfernen. Also wird es 01 sein und nochmal, ich schätze, wir werden diese Vergewaltigung ausdrucken, damit wir nicht den Überblick verlieren. Also wieder, wir sind in der Lage zu entfernen, dass 1. 1 Wir können diese Parameter als auch aktualisieren, so können wir entfernen zwei Elemente, wenn wir wollten, so halten Sie ein Auge auf diese ein. Also haben wir entfernt, hinzugefügt, hinzugefügt, und um uns daran zu erinnern, dass wir sie hinzugefügt haben und wir Elemente entfernt haben. Also das alles funktioniert nur mit diesen Arrays und manipuliert sie. So haben Sie gesehen, wie wir entfernen können, um ab Index zu beginnen, waren in der Lage, zwei Elemente aus dem Bereich zu entfernen . Wir können auch, ähm, so ziemlich alles, was wir rausnehmen können. Wir können tatsächlich auch das Gegenteil tun, so dass wir tatsächlich in das Array würzen können. Wenn wir das angeben, wollen wir bei Null beginnen, und wenn wir tatsächlich keine Elemente entfernen möchten, haben wir die Möglichkeit, sie auch mit Splits hinzuzufügen. Also lasst uns diesmal an Position eins beginnen, und jetzt werden wir eins und zwei angeben. Und jetzt sehen wir, wie unser Array aussieht. Bar Array hat jetzt eins und zwei, weil wir es an der ersten Position und beginnend bei hinzugefügt haben und wir keine entfernen, also haben wir eine Null dort. Wenn wir eine zwei hätten, würde es zwei entfernen und hinzufügen in und so weiter. Sie können also eine ganze Menge tun. Wieder mal. Es kann ziemlich komplex mit der Erhöhung werden, aber es geht nur um zu zeigen, dass es eine ganze Menge gibt, die Sie mit den Strahlen tun können. Und wenn Sie hier Ihre Werte in einem Array sitzen, dann können Sie mit diesen Werten viel einfacher arbeiten, und es öffnet die Tür zu mehr Möglichkeiten. Was Sie mit Ihren Daten machen könnten. Wenn wir also von Daten und Möglichkeiten sprechen, mehrere Werte innerhalb einer Variablen zu halten, werfen wir einen Blick auf Objekte, und das kommt in der nächsten Lektion. 18. 24 JavaScript Objekte erklärt: in der letzten Lektion. Wir sahen einige wirklich coole Dinge, die wir mit den Rays tun können, wenn wir mehrere Werte innerhalb einer dieser Variablen halten . Das gibt uns allen eine ganze Menge Möglichkeiten, und das Gleiche gilt für Objekte. Also lassen Sie uns ein Objekt einrichten. Sieht genauso aus wie V. A. R ist, wie wir es definieren, und wir werden ihm nur einen Wert hier eines Objekts geben und Objekte kommen beeinträchtigte Werte . Also im Grunde bedeutet das nur, dass wir einen Namen für jedes Element innerhalb haben. Also nennen wir es einfach Namen und es ist ein gepaartes Werte. Wir haben einen Namen, und dann haben wir einen Eigenschaftswert. Im Wesentlichen ist dies der Name der Eigenschaft, und dann haben wir einen Wert für die Eigenschaft. Also lassen Sie uns einen Wert dort setzen und genau wie eine Erhöhung können wir mehrere Werte halten. Also lasst uns so altern. Also wieder können wir es auf die gleiche Weise tun, wie wir mit Variablen, Ganzzahlen getan haben und schließlich, lasst uns Favorit und nur eine weitere hier gehen, also javascript eso das ist im Wesentlichen ein Objekt, und jetzt haben wir alle Inhalte von das Objekt und lassen Sie uns das zuerst im Konsulat ausgeben, weil ich die Art und Weise mag, wie die Konsole tatsächlich die Objektinformationen anzeigt . Lasst uns mein Objekt machen. Speichern Sie das. Gehen Sie zurück zum Browser hier und wir können sehen, dass das Objekt hier wirklich schön und ordentlich angezeigt wird. Und jetzt haben wir Zugriff auf all diese Informationen, die innerhalb des Objekts enthalten sind, und bemerken, dass es was sehr ähnlich aussieht? Das Dom-Objekt auf die gleiche Weise, wo wir hier eine Reihe von Namen haben und wir Zugriff auf sie haben und wir können Zugriff auf sie im gleichen Format erhalten, wie wir diese Werte aufgerufen haben , so dass wir etwas tun können, wo wir die Objektnamen haben. Dies ist der Objektname und tatsächlich haben es bereits hier. Und dann könnten wir einen dieser Werte hier auswählen. Also dann ist dies der Eigenschaftsname. So können wir so etwas wie meinen Objektnamen tun. Und anstatt das alles herauszuziehen, werden wir uns auf diese eine bestimmte Information konzentrieren, die innerhalb des Objekts enthalten ist. Und wir könnten es einfach nur als String-Wert hinauslegen. Es gibt verschiedene Möglichkeiten, wie Sie Inhalte innerhalb von Objekten ausgeben können. Sie könnten auch eckige Klammern und dann müssen wir nur den Eigenschaftsnamen angeben. Also müssen wir dort zitieren und es gibt Ach, Riel. Ach, Grund, es so zu machen. Und das zeige ich dir auch. Wenn ich es auffrische, sehen wir, dass es dasselbe herauskommt. Eso Was passiert aber ? Wenn ich in meinem Objekt hätte, hatte ich einen. Und lasst uns das einfach geben und dann hade ich ein zu und lasst uns einfach noch eine drei machen. Also nennen Sie drei. Und hier drüben in der Konsole eso haben wir die Objekte und wir haben den Namen so geschrieben , damit wir es so machen können und wir können den Namen eins bekommen. Wir können es so machen, und wir können mir einen besorgen. Eigentlich sollte das nur ein Eins sein. Geh zurück und mach die Korrektur vor. Und schauen wir uns das an und sehen, was das aufkommt. Also habe ich den Namen eins und den Namen eins. Also, was sind die Dinge hier? Und lasst uns einfach eine dieser vier Schleifen machen und hier können wir die for-Schleife einige der wirklich coolen Dinge sehen , die wir mit der for-Schleife machen können. Also noch einmal, denken Sie daran , mit der vier Schleife, müssen wir X gleich von Werten geben. Wir werden X auf eins halten, und wir werden es tun, während X weniger als drei ist. Und lasst uns inkrementieren übertrifft X und wir werden X anstelle eines Eins erhöhen. Fügen wir einfach X hinzu und sehen Sie, was jetzt passiert. Also lasst es uns auffrischen. Und wir sehen, wir haben auch einen Namen . Und wir müssen hier noch einen machen. Also, während X weniger als vier eso Name einen Namen drei zu nennen. Also siehst du, was hier passiert ist, ist, dass wir diese Dynamik gemacht haben. Also unser Objekt, wir können es tatsächlich durchlaufen, abhängig davon, was wir den Namen der Eigenschaft gegeben haben. Wir können es dynamisch machen, indem wir es in diesen eckigen Klammern haben. Und das ist etwas, das wir hier nicht tun können, weil wir diesen Wert nicht haben können. Wir können kein Plus X machen und es durchschleifen. Das würde einfach keinen Sinn ergeben. Eso hier Es ist ein statischer Name, den wir innerhalb dieser Art von Format verwenden. Aber mit diesen quadratischen Klammern und Gebräu in Essen es zusammen mit dem Plus getötet. Es gibt uns Stabilität Zehenschleife durch und erhalten eine ganze Reihe von Objektinformationen. Also lasst uns das einfach hier ausloggen und wir werden uns nochmals genauer ansehen, wie das aussieht. Also innerhalb des Objekts. Wir haben eine Eins, zwei, drei, und jetzt machen wir sie einfach durcheinander und setzen sie hierher. Und wir durchlaufen all die verschiedenen Eigenschaftsnamen. Und wieder, je nachdem, was Sie verwenden und was Sie brauchen. Und in Ihrem Skript die meiste Zeit. Der beste Weg zu Ihnen, Objekte zu verwenden, ist die Art und Weise, wie wir es getan haben. Sie haben also den Objektobjektnamen und den Eigenschaftsnamen, so dass dieser hier entspricht . Aber manchmal müssen die Fälle, in denen Sie eine Zehenschleife benötigen, und das ist, wenn Sie diese Art von Format toe out verwenden können, setzen Sie den Wert Ihrer Objektinformationen. der nächsten Lektion werden wir uns einige zusätzliche Funktionen ansehen, die in JavaScript integriert sind, die die Dinge viel einfacher macht und Ihnen nur einige der grundlegenden Funktionen zeigen , die in JavaScript integriert sind. Toe helfen Ihnen Code zu schreiben. Ah und Teoh helfen Ihnen, verschiedene Funktionen zu rendern. Also, das kommt in der nächsten Lektion. 19. 26 JavaScript Math: und diese Liste. Ich möchte Ihnen einige wirklich coole Dinge zeigen, die Sie mit JavaScript diotieren können. Diese sind also eingebaute Funktionen, die bereits in JavaScript enthalten sind. Also nehmen wir an, wir hatten eine Zahl eso für Variable A. Wir haben eine Zahl 5.5. Also haben wir eine Funktion, die in Java-Skript namens Math integriert ist, und dies gibt uns die Möglichkeit, Zahlen zu runden. Wenn ich also A abrunden wollte, kann ich das hier tun und wir sehen, dass wir, wenn wir A abrunden, einen Wert von sechs Runden erhalten, 5,5 bis 6. Das ist eine wirklich coole Sache, die wir mit JavaScript machen können. Wir haben auch in Mathematik. Wir können einen Wert von apply ausgeben. Also vielleicht hier oben, machen wir einfach Mathe. Ich weiß, wie gut das funktionieren wird, aber wir können einen Wert von einem dort. Dies ist also der Wert von pie, der bereits in JavaScript integriert ist. Wir können auch aufrunden. Wir können abrunden, wir können abrunden. Also lassen Sie uns einige, die einen anderen Wert hier von B gesagt haben und es 5,5 geben wird. Und als er das Gleichheitszeichen dort vergaß. Also lasst uns Ah, anstatt einen zu runden also ist es zu ein weiterer Brief hier. Also sehen wir in der Lage, ein E zu sehen, anstatt B zu runden und zu runden, Lassen Sie uns es runden , Lassen Sie uns es ab, so Decke wird es runden und ich denke, ich sollte aus setzen entweder. Also runden wir ab, das gibt uns eine Sechs. Das ist das gleiche wie rund. Aber sagen wir, es hatte eine 5.2, also ist es immer noch am Ende mit sechs, weil wir aufrunden. Wir können abrunden, also ist der Boden abzurunden. Du siehst also, dass das alles abrundet. Das wird das auch notieren, also rundet die Decke ab und der Boden rundet sich ab. Sie sind also nur einige Beispiele für verschiedene Dinge, die Sie mit Mathematik tun können. Und dann gibt es auch noch eine, so dass Sie Zufallszahlen erstellen können, Variable G ist gleich Mathematik und es einfach zufällig und zeigt Ihnen, wie G aussieht. Also habe ich hier Zufallszahlen bekommen, also jedes Mal, wenn wir ein paar Updates hier machen, sollte es. Es erzeugt eine neue Zufallszahl und bemerkt die eine Sache über Zufallszahlen. Sie beginnen am Nullpunkt und dann haben sie eine ganze Reihe von Zahlen danach, und so erzeugt es diese Zufallszahl. Also, wenn du es wirklich willst, bekomme ich eine Zufallszahl. Das ist zwischen einer bestimmten anderen Nummer. Dann können wir etwas tun, wo wir mathematische Zufallsprinzip machen können, und dann multiplizieren wir es mit der Zahl, die wir wollen. Wenn ich also bei einer Anzahl von 0 bis 100 möchte, dass wir sehen können, dass wir diese mathematische Zufallsprinzip 0 bis 100 haben , müssen wir auch einen anderen hier machen, vielleicht einen Stock machen. Also haben wir abgerundet, wir starten Null. So Möglichkeit von Nullen. Wir haben nicht all diese zusätzlichen Ziffern. Es gibt so, dass es eine Möglichkeit ist, Zufallszahlen in JavaScript zu generieren. Und in der nächsten Lektion werden wir uns Termine ansehen. Eso, dass JavaScript kommt auch mit Daten s. Also dies ist eine andere, die eine eingebaute Funktion ist, bereit, in JavaScript zu gehen. Und Sie können das wirklich in Ihrem Skript verwenden. Also, das kommt in der nächsten Lektion. 20. 28 JavaScript Datum Abschluss: eine weitere wirklich nützliche Funktion, die JavaScript eingebaut hat, dass wir die ganze Zeit verwendet haben, da Entwickler das Datum abholen, so dass wir etwas wie New Date tun könnten und wir konnten sehen , dass das Datum dort ausgegeben wird. Also das Datum Zeit und so weiter, und wir können auch spezifischer mit dem Datum, an dem wir dio Beat dieses bestimmten Objekts bekommen können . Also lasst uns noch einen machen. Also vielleicht ändern wir das auch, auch, oder d A oder so etwas, und dann wird ein gleich sein, und hier können wir dieses Datumsobjekt verwenden, und wir können so etwas bekommen, wenn wir die bestimmten Monat, so können wir tun, um Datum zu bekommen, so dass wir wissen, dass es die Dies ist der neunte Tag des Monats, so dass dies immer der get Tag. Wir können auch einen Monat bekommen, also gibt dies den Monat zurück, in dem es ist. Es ist also wieder die zweite, beginnend bei Null. Januar Null, Februar ist eins und Marsch ist auch. Deswegen ist es auch. Es ist also nicht wirklich ein zweiter Monat, aber es ist der dritte Monat, aber denken in dem gleichen Format wie wir es mit einer Gehaltserhöhung getan haben. Wir können auch Zeit bekommen, damit wir die aktuelle Zeit als auch sehen können. Dies ist ein Zeitstempel aus den Millisekunden vom 1. Januar 1970. So oft Zeiten in der Programmierung verwendet. Wir können Stunden bekommen, also wenn wir die Stunden bekommen wollen, damit wir wissen, dass es jetzt auf der 24 Uhr ist. Also ist es 10 Uhr 22 Uhr 22. Unsere s eine Menge unterschiedlicher Verfügbarkeit hier, die wir nutzen können . Wir können auch Dinge wie die Minuten bekommen. Das ist etwas, das wir aktualisieren können, damit wir das Protokoll erhalten. Wir kriegen die Stunden so weiter. Also ist es Ah, die 53. Minute eso 22 Uhr 53. Minute und so weiter. Also erhalten wir alle diese Informationen von dem Datumsobjekt, das Sie konsolen können, melden Sie sich dieses Datumsobjekt ab, damit Sie noch mehr Informationen darüber sehen können. Also haben wir das Objekt. Wir haben die Datumsinformationen dort, also ist es nicht wirklich toll von hier, aber ja, wir könnten zusätzliche Informationen abholen, weil es eine ganze Reihe von Methoden gibt, die verfügbar sind . Wir können sogar Dinge tun, wie wir die Sekunden bekommen können, also schließen Sie das vielleicht. Also haben wir auch Sekunden, wo Sie Sekunden aus diesem Objekt bekommen können. Vielleicht ist es das entfernt, und wir haben den 1. 2. Und jedes Mal, wenn wir aktualisiert haben, haben wir die 5. 2. und so weiter. Auch hier ist es wichtig, sich daran zu erinnern, dass es eine Menge Dinge gibt, die Sie mit JavaScript machen können. Sie können eine ganze Menge Informationen herausziehen. Sie können tatsächlich diese Informationen ausbrechen und sie verwenden, sagen: Holen Sie sich Stücke von diesem Objekt und so eins. Und mit JavaScript ist es wichtig, es selbst auszuprobieren. Sehen Sie, was Sie mit JavaScript realisieren können. Probieren Sie verschiedene Dinge aus, machen Sie einige verschiedene Updates hier und sehen Sie, was Sie mit JavaScript erreichen können. Und das ist für insgesamt wichtig, mit allen Ressourcen und Quellcodes, die wir in den Lektionen bereitgestellt haben, probieren Sie es selbst aus und sehen Sie, was Sie tun können. Kombinieren Sie es zusammen kombiniert verschiedene Funktionalität zusammen. Nur auch, wir haben in den vorherigen Lektionen. Wir haben die vier Schleife hier kombiniert. Wir kombinieren Ausgabe der Objekte und so weiter. Versuchen Sie also alles zusammen und sehen Sie, was Sie mit JavaScript machen können. Und wenn Sie nach einem Ort suchen, um JavaScript zu üben, ist Code-Stift eine ausgezeichnete Ressource, weil es Ihnen wieder einmal die Möglichkeit gibt, Code auszuschreiben und dann die Updates sofort innerhalb dieses Codes passieren zu sehen . Also eine weitere wirklich großartige Ressource, um JavaScript zu üben und auszuprobieren. Und in den vorangegangenen Lektionen haben wir Ihnen einen großartigen Überblick über die grundlegenden Funktionen und die Grundlagen gegeben, die Sie kennen müssen, um Ihre eigenen JavaScript-Anwendungen von Grund auf neu zu erstellen und zu erstellen. Und sobald Sie mit der Erstellung dieser Anwendungen beginnen, werden Sie erstaunt sein, wie einfach es ist, verschiedene Code-Funktionen zu kombinieren und alles zusammenzubringen , um voll funktionsfähige Anwendungen zu erstellen, die mit der Art und Weise, wie Sie möchten, dass sie interagieren und Ihren Webbenutzern erstaunliche Erlebnisse bieten. Nochmals vielen Dank, dass Sie sich unseren JavaScript-Einführungskurs angesehen haben, und wenn Sie Fragen oder Kommentare haben, posten Sie diese bitte im Forum