Väike konspekt

HTML:

• Kasutatakse <form> elementi koos table, kus igas reas on küsimus + vastus.
• checkbox – mitme valiku valimiseks (“Milliseid muusikuid tead?”)
• textarea – teksti sisestamiseks (“Mida arvad muusika kuulamisest koolis?”)
• range – liugur tundide arvu määramiseks
• radio – ühe valiku tegemiseks (“Kas kuulad raadiot?” ja “Lemmikmuusika?”)
• text – tavaline tekstiväli raadiojaamade nimetamiseks

Stiilid:

• kogu vormi tausta, värvid ja fondid.
• <table> paigutuse, ribastuse ja piirjooned.
• nuppude välimuse efekti.
• sisendväljade kuju ja suuruse.
• #kokkuvote sektsioon – peidetakse kuni andmed saadetakse.

Javascript:

• muusikaF() – loeb valitud muusikastiilid ja kuvab need.
• arvamusF() – kuvab reaalajas sisestatud arvamuse.
• muusikaRangeF() – kuvab liuguri väärtuse.
• raadiokulF() – näitab, kas raadio kuulamist märgiti “Jah” või “Ei”.
• raadiojaamF() – näitab sisestatud raadiojaamad.
• muusikakulF() – määrab, millist muusikat kuulatakse kõige rohkem.
• saada() – koondab kõik andmed kokkuvõtteks ja kuvab need ekraanil.
• puhasta() – lähtestab vormi (reset()) ning eemaldab kõik vahepealsed vastused

Kuidas töötab?

1. Kasutaja vastab küsimustele > JS uuendab “vastus” välju reaalajas.
2. Vajutades Saada > skript kogub kõik väärtused ja täidab KOKKUVÕTE tabeli.
3. Vajutades Puhasta > vorm lähtestub ja kokkuvõte peidetakse taas.

Valmis töö

This post is also available in ru_RU.