Tavoitteenasi on laatia internet-sivu, jossa on kaksi palikkaa päällekkäin:
- Youtube-video upotettuna Jaa-valikon [[$\text{<iframe>}$]]-blokkina. Tämä kuitenkin muuttuu toiseksi videoksi, kun kursori menee tämän päälle.
- toiminto eli [[$\text{function}$]] bindattuna [[$\text{<iframe>}$]]-upotuskoodin sisältävään [[$\text{<td>}$]]-ruutuun.
- [[$\text{<script>}$]]-osiossa määritelty [[$\text{videotrolli(painike)}$]]-toiminto [[$\text{onmouseover}$]]-eventtinä tähän ruutuun [[$\text{this}$]] kirjoittamalla [[$\text{videotrolli(this)}$]]
- Kyseisen Youtube-videon kuvausteksti, jonka taustaväri muuttuu, kun käyttäjä klikkaa tekstiä.
- toiminto eli [[$\text{function}$]] bindattuna kuvaustekstin sisältävään [[$\text{td}$]]-ruutuun
- [[$\text{script}$]]-osiossa määritelty [[$\text{tekstitrolli(painike)}$]]-toiminto [[$\text{onclick}$]]-eventtinä tähän ruutuun [[$\text{this}$]] kirjoittamalla [[$\text{tekstitrolli(this)}$]]
