JAVASCRIPT LEVEL 1

Teil 2

Übung 1

Hello World

Wir schreiben ein Programm, welches anhand einer Funktion, eine Begrüssungsmitteilung auf die Konsole ausgibt.

Übung 2

Times Table

Wir schreiben ein Programm, in dem mit dem Aufruf einer Funktion, das gesamte ein-mal-eins einer Zahlt ausgegeben werden kann.

Objekte

Die Basis aller komplexer Datentypen

  • Ein Objekt hat Eigenschaften
  • Objekteigenschaften sind spezifische Attribute eines Objekts die ähnlich funktionieren wie Variablen
var person = {
  name: 'Bob'
};
var name = person.name;
person.name = 'Eve';

Neues Objekt

Eigenschaft

delete person.name;

Löschen

DOM API

Erste Schritte

Global Object

window

  • Globale Variablen werden im window Objekt gespeichert
  • Das window Objekt ist die Schnittstelle zum Browser!
  • Einige Eigenschaften auf dem window Objekt
    • document
    • alert
    • console
    • location
    • navigator

Element

  • Objekte die ein einzelnes Element im HTML Baum repräsentieren
  • Wichtigste Eigenschaften:
    • querySelector
    • querySelectorAll
    • addEventListener
    • style
    • classList
    • innerHTML

Events

  • Wir registrieren eine Funktion als Event-Handler auf einem Element mit einem spezifischen Event-Namen
  • Wichtigsten events:
    • click
    • mouseenter / mouseleave
    • keyup / keydown
function onClick(event) {
  console.log('Click on ' + event.target.id);
}

element.addEventListener('click', onClick);

Übung Calculator

JSBins

Made with Slides.com