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.

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);

https://developer.mozilla.org/en-US/docs/Web/Events​

https://developer.mozilla.org/en-US/docs/Web/Guide/Events/Overview_of_Events_and_Handlers​

JSBins

http://jsbin.com/midiwi/edit?js,console

http://jsbin.com/suzudon/edit?js,console

http://jsbin.com/rurota/1/edit?js,console

http://jsbin.com/qoquyi/edit?js,console​

http://jsbin.com/zakiru/edit?js,console​

http://jsbin.com/dipeqo/edit?html,js,output​

http://jsbin.com/fetali/edit?html,css,js,console,output​