Johdatus ohjelmointiin

Sorakuilu

DOM harjoitukset 1

Tee W3Schoolsin JavaScript DOM HTML harjoitukset 1 - 8.

Kohta A

Tee painike (button), jota klikkaamalla saat tehtyä alertin "Tervetuloa"

Kohta B

Käytä seuraavassa promptia ja console.log:ia:

Tee www-sivulle kappale (p), jonka id = "vastaus".

Kysy promptilla käyttäjän etunimi ja sukunimi. Liitä arvot yhteen (siis tee merkkijonomuuttuja) ja tulosta arvot tekstikappaleessa "vastaus" ja console.log:illa.

Käytä ratkaisussa buttonia aloittamaan tehtävä ja sijoita varsinainen ohjelma erilliseen funktioon.

Kohta C

Käytä seuraavassa promptia:

Tee www-sivulle kappale (p), jonka id = "suurin" ja kappale, jonka id ="pienin".

Pyydä käyttäjältä 3 lukua.

Tulosta niistä suurin kappaleeseen "suurin". Muuta samalla kappaleen tekstin kokoa 16 pisteeksi.

Tulosta niistä pienin kappaleeseen "pienin". Muuta samalla kappaleen tekstin kokoa 8 pisteeksi.

Käytä ratkaisussa buttonia aloittamaan tehtävä ja sijoita varsinainen ohjelma erilliseen funktioon.

Kohta D

Laadi seuraava html-sivu ja javascript-ohjelma:

Sivulla on teksti: "Kun hyppäät ilosta, varo, ettei kukaan vedä maata jalkojesi alta." Vaihda teksti buttonia klikkaamalla seuraavaksi "No niin, nyt olet saanut pääsi seintätä läpi. Mitä aiot tehdä naapurisellissä?".
Muotoile se samalla kallistetuksi ja anna sille violetti väri.

Kohta E

Piirrä kaksi kuvaa: iloinen ja surullinen. Laadi seuraava html-sivu ja javascript-ohjelma:

Sivulla on näkyvissä kaksi kuvaa, jotka buttonia klikkaamalla vaihtavat paikkaa.