Javascript Tehtäviä:
1) laajenna monisteen esimerkkiä 3.5 siten, että myös nimi ja ikä tulostuu
2) Laajenna monisteen esimerkkiä esimerkkiä 4.3.
siten, että ohjelma tulostaa selaimeen myös tiedon
käyttäjän iästä ja asuinpaikasta.
3 a) Tee ohjelma, joka laskee ja tulostaa selaimeen RGB värien määrän. Määrittele muuttujat jokaiselle eri värille red, green ja blue (esim var red = 256;).
3 b) tee ohjelma, joka kertoo kuinka monta sekunttia on kuukaudessa. Käytä muuttujia apuna: esimerkiksi muuttuja nimeltään sekunttejaMinuutissa jne. (oletus: kuukaudessa 30 päivää). vinkki Math.floor(luku) pyöristää desimaaliluvut alaspäin kokonaisluvuksi. ks. vinkkiesimerkki.
3 c) tee ohjelma, joka kertoo kuinka monta päivää, tuntia, minuuttia ja sekunttia menee kaikkien RGB värien katsomiseen, jos jokaista väriä katsotaan sekunnin verran.
4. Muuta esimerkkikoodi 5.8. niin, että se antaa vastaukset myös muille ikäluokille.
4b extra: tarkista, että edellinen ohjelma antaa vastaa jotain kaikille syötteille.
5. Muuta esimerkkikoodi 5.9. niin, että se palauttaa myös muitakin vastauksia (käytä esim. switch case rakennetta ks. esim. 6.3.)
6. Tee ohjelma joka kysyy rahasummaa euroissa ja antaa vastaukseksi rahasumman dollareissa
Vinkki: ks. esim. 7.6 ja käytä .toFixed(2) metodia numerolle
7. Tee for silmukkaa (ja esim. table tagia avuksi käyttäen käyttäen valuuttataulukko), jossa on euron, kruunun ja dollarin arvot 1-10 euron arvoille.
8. Kokeile seuraavaa muutosta esimerkkikoodiin 7.6.
<body>
<div id="result"></div>
<script type="text/javascript">
var etaisyys=eval(prompt("Miten monta kilometriä ajoit? ", ""));
var bensa=eval(prompt("Miten paljon bensaa kului?", ""));
var kulutus = kmLitralla(etaisyys, bensa);
// document.getElementById:
// DOM method for accessing any element on the page via its ID attribute.
// http://www.javascriptkit.com/jsref/document.shtml
var blk = document.getElementById("result");
blk.innerHTML = "Ajat "+ kulutus.toFixed(2) +" kilometriä litralla.\n";
</script>
9. tee ohjelma, joka while silmukalla ja confirm boxilla laskee kuinka monta kertaa käyttäjä painaa ok nappia. (while silmukka pysähtyy kun käyttäjä painaa cancel nappia). ( ks. esim. 4.4., 6.4.)
============================
Tee survey : tietokonetaidot survey(php / mysql esimerkki käsitellään )
10. tutki seuraavaa esimerkkiä: moniste 04 ja muuta tehtävän 6. käyttöliittymä moniste 04 esimerkin mukaiseksi (lomake, text input, submit nappi ja document.getElementById metodi dynaamiselle palautteelle).
==========================
Seuraavat tehtävät pohjautuvat esimerkkeihin moniste 03 : ssa.
11. Tee ohjelma, joka valitsee satunnaisen
kuvatiedostonimen Array listasta ja näyttää kuvan selaimessa.
(Uusi kuva näkyy kun selain ladataan uudelleen.)
12. Tee ohjelma, joka arpoo lottorivin.
linkkejä
- Javascript
Tutorial koodit