Document Object Model (DOM) ja tapahtumankäsittely - Viikkotehtävä 2

Tässä tehtävässä opitaan HTML5-dokumentin rakenteen muokkausta DOM-rajapinnan avulla ja tapahtumankäsittelyä.

Käy ensin läpi nämä luentomateriaalit:

Yhteiset vaatimukset

Kaikille tasoille yhteiset vaatimukset ovat:

Taso 1

Tallenna itsellesi valmis pohja:

Pohjaksi annettua HTML5-sivua ei saa muokata muuten kuin ohjelmallisesti Javascript-ohjelmointikielellä.

Katso pohja.html-tiedostosta vinkit.

Käsiteltävä tietorakenne:

Tietorakenne

Rakenne on yksinkertaistettu versio ensimmäisessä viikkotehtävässä käytetystä rakenteesta.

Muokkaa vt2.js-tiedostoa ja kirjoita Javascript-ohjelma, joka tekee seuraavat asiat. Katso tarkemmat vinkit zip-paketissa olevasta pohja.html-tiedostosta.

Taso 3

Laajenna Taso 1 -ohjelmaa seuraavilla ominaisuuksilla ja muutoksilla:

Taso 5

Toteuta taso 3:n mukainen Javascript-ohjelma seuraavilla laajennuksilla:

Käyttäjien kommentit

Kommentoi Lisää kommentti
Kurssimateriaalien käyttäminen kaupallisiin tarkoituksiin tai opetusmateriaalina ilman lupaa on ehdottomasti kielletty!
http://appro.mit.jyu.fi/tiea2120/vt/vt2/
© Tommi Lahtonen (tommi.j.lahtonen@jyu.fi) <http://hazor.iki.fi/>
2017-09-27 11:05:57
Informaatioteknologia - Jyväskylän yliopiston informaatioteknologian tiedekunta