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
JavaScript I - Teil 2
By Gion Kunz
JavaScript I - Teil 2
- 2,465