JS alkeet selaimessa harjoitukset

Tredun ohjelmistokehittäjien kurssimateriaaleja

JS alkeet selaimessa harjoitukset

Ohjeet

Ennen tehtäviä käy läpi JS alkeet ja JS ja HTML.

Tallenna harjoitukset omaan kansioosi magnesium-palvelimelle (tee uusi kansio javascript, jos ei ole jo tehtynä). Muista tallentaa kaikki harjoitukset tunnin lopuksi. Voit tehdä kaikki tehtävät samaan tiedostoon (tai kahteen erilliseen tiedostoon .html ja .js).

Tehtävä 1: Merkkijonojen yhdistäminen

Tee funktio, joka kysy käyttäjältä (prompt:in avulla) kaksi merkkijonoa (esim. nimi ja viikonpäivä). Tervehdi käyttäjää alert:in avulla, liitä saadut merkkijonot yhteen järkeväksi viestiksi. Käynnistä napista.

Tehtävä 2: Yhteenlasku

Tee funktio, joka kysyy käyttäjältä kaksi numeroa ja laskee ne yhteen, sekä ilmoittaa vastauksen console.log:illa kehittäjänäkymässä. Käynnistys uudesta napista. Voit lisätä myös alert-viestin, joka antaa ohjeet kehittäjänäkymän avaamiselle.

Tehtävä 3. Laskuri

Tee nappi, jota painamalla kehittäjänäkymän konsolille tulostuu luku, joka kasvaa yhdellä joka painalluksella (aloittaa nollasta). Voit tehdä myös vähentävän napin.

Tehtävä 4. Suurempi luku (ehtolause)

Tee funktio, joka kysyy kahta lukua ja ilmoita niistä suuremman käyttäen alert:ia. Käynnistä tämäkin napista.

Tehtävä 5. Täysi-ikäisyys (ehtolause)

Tee funktio joka kysyy ikää, ja päättelee onko käyttäjä täysi-ikäinen ja ilmoittaa tilanteeseen sopivan viestin. Käynnistä funktio napista ja käytä alert:ia.

Lisätehtävä 1. Kolmion pinta-ala

Kysy kolmion korkeus ja kanta, laske kolmion pinta-ala ja ilmoita se alert:illa. Pyöristä luku (Math.floor).

Lisätehtävä 2: Aukkotarina

Tee tarina, jossa on aukkoja käyttäjän antamille sanoille (esim. anna verbi, anna nimi, anna adjektiivi). Yhdistää annetut sanat keksimääri tekstiin ja tulosta lopputulos alertilla.