Javascript-demo 1
Demon asiat käydään yhdessä tunnilla. Tarkoitus on tehdä yksi tiedosto johon lisätään pikku hiljaa demon osatehtävät. Aloita uusi tiedosto, tallenna se kansioon demot nimellä jsdemo1.html. Tee javascript omaan tiedostoon jsdemo1.js. Lähdemateriaalina käytetään w3schoolin javascript-materiaalia.
1.1 console.log
Tee kaksi muuttujaa a ja b, laske kolmanteen muuttujaan niiden summa. Tulosta summa konsoliin. Tarkista selaimen kehittäjätyökaluista konsoli ja tulos.
1.2 alert
Lisää sivulle kuva jota klikkaamalla näytetään alert. Tee javascript-funktio jota kutsutaan onClick-metodissa.
1.3 prompt
Lisää nappi jota klikattaessa avataan prompt, kysytty tieto näytetään sivulla.
Muotoile vastauksen tyyli javascriptin avulla (fontin koko).
1.4 confirm
Lisää nappi jota klikattaessa avataan confirm, jos vastaus on true kirjoitetaan sivulle "hyvä!" muuten "harmi :(".
Muotoile vastauksesta riippuen tyyli javascriptin avulla (väri).
1.5 Nelilaskin
Tee lomake jossa käyttäjä voi syöttää input-kenttiin kaksi lukua. Lomakkeella on neljä painiketta (plus, miinus, kerto, jako) joita painettaessa näytetään tulos sivulla.