Javascript


Unterschied HTML und Javascript HTML dient als textbasierte, statische Beschreibungssprache, um statische Elemente von Webseiten zu erstellen. Mit JavaSkript kann man Code schreiben, der Websiten dynamisch verändert, indem er auf das DOM zugreift. Außerdem ist JavaSkript Case-Sensitiv.
Durch JavaSkript kann man dynamisch Aktionen auf der Website ausführen lassen, wie Animationen, und Nutzeraktivitäten der User verfolgen (Tracken). Beispielsweise könne Daten über die Hardware und die verwendete (Browser-)Software ermittelt und an den Website-Betreiber gesendet werden.

innerHtml und textContent:


Die beiden Attribute innerHtml und textContent können in Kombination mit JavaSkript-Objekten verwendet werden, um eine Textstelle Ersetzung durchzuführen. Die entsprechenden Stellen bzw. kann man durch die als Attribute der Elemente deklarierten ID‘s finden, indem der Befehl “documenta.getElementById(-id-).innerHtml (oder textContent)= „neuer Inhalt““

……Unterschied……………

innerHtml:
1.erstetzt den gesamten Inhalt, der innerhalb des HTML-Elements mit der entsprechenden ID steht. =>kann dabei auch HTML-Elemente wie -style- und -script- mit einschließen und einfügen
=>>>NACHTEIL: Dadurch kann auch Schadcode hinzugefügt werden

textContent:
1.erstetzt ausschließlich Text, kann also im Gegensatz zu innerHtml keine HTML-Elemente mit einschließen
ist somit etwas sicherer, da kein -skript- nachträglich eingebaut werden kann.



Variablen und Datentypen
Variablen:


Variablen wie in C deklariert, nur geringfügig anders:
……………Beispiel:
  1. const a = 5;
  2. const Array = [1, 2, 3];
  3. array.push(4); …………… ……………//array[1, 2, 3, 4]

Datentypen:
  • String, bei +“Zeichenkette“ = Zahl
  • Number
  • Boolean
  • Object
  • Function
  • let (dynamisch, wie var bei Java)


Datentyp automatisch ermittelbar mit: typeof variable…oder direkt mit Wert: typeof “Hallo“ (String), typeof 13 (Number)
onclick-Funktion: ………… ………… ………… ………… ………… ………… ………… ………… ………… …………… Onclick ist ein in JavaSkript bereits vordefinierte Funktion, welche man wie gewöhnliche Attribute in HTML-Elemente einbauen kann. Mit dieserFunktion kann man Elemente auf der Website ersetzen, wenn man sie anklickt… …Beispiel….. …


...Hier Klicken, um ein Beispiel zu sehen...