Tervetuloa JavaScriptin ihmeelliseen maailmaan!

JavaScript on (X)HTML:n sekaan kirjoitettava skriptikieli joka mahdollistaa interaktiivisten toimintojen lisäämisen kotisivulle. JavaScript:llä voi esim. tarkistaa onko lomake täytetty oikein. Jos esim. ikä-kenttään on syötetty muuta kuin numeroita voidaan kyttjälle tulostaa virheilmoitus.

Muuttujat ovat säiliöitä joihin voi tallentaa erilaista tietoa. Muuttuja luodaan kirjoittamalla muuttujan nimi ja antamalla sille arvo (esim. pi = 3.14 tai nimi = "Marianne"). Sallittuja kirjaimia ovat pienet kirjaimet (a-z), suuret kirjaimet (A-Z), numerot (0-9), alaviiva (_) ja dollarinmerkki ($). Nimet eivät saa alkaa numerolla eivätkä ne saa sisältää skandinaavisia kirjaimia (åäöÅÄÖ). Isot ja pienet kirjaimet tulkitaan eri merkeiksi.

JavaScript-koodi sijaitsee aina <script>-elementtien välissä.

				<script language="JavaScript">
					/* luodaan kolme muuttujaa */	
					teksti_muuttuja = "Merita"
					numero_muuttuja = 42
					desimaali_mumero_muuttuja = 3.14
				</script>
		

Alla oleva koodi joka tulostaa tekstin "JavaScript on kivaa!"

		
				<script language="JavaScript">
					/* tämä on JavaScript-kommentti */
					document.write("JavaScript on kivaa!")
				</script>
		

Valmiit funktiot JavaScript:ssä

Funktiot ovat koodinpätkiä jotka yleensä tekevät yhden selkeästi määritellyn tehtävän. JavaScript:ssä on valmiita funktioita, mutta ohjelmoija voi myös tehdä omia funktioita.

document.write("Tulosta tämä ruunulle...")

write on funktio joka tulostaa tekstiä.

satunnaisluku = Math.random() * 6 + 1

esimerkissä random-funktio palauttaa satunnaisluvun muuttujalle "satunnaisluku" .

nimi = prompt("Mikä on nimesi?")

promt-funktio luo ponnahdusikkunan joka kysyy nimeä ja tallentaa sen nimi-muuttujaan

alert("Ponnahdusikkuna")

alert-funktiota kutsuttaessa hyppää ponnahdusikkuna ruudulle. Ikkunassa on haluttu teksti.

nyt = new Date
document.write(nyt.getDay())

Palauttaa viikonpäivän: 0 on sunnuntai, 1 on maanantai jne.

nyt = new Date
document.write(nyt.getHours())

Tulostetaan tunnit

if-lauseet

if-lauseet ajavat aaltosulkeitten välissä olevan koodin jos normaalien sulkeitten välissä oleva ehto täyttyy.

			
				nimi = prompt("Mikä on nimesi?");				
				/* jos nimi-muuttujan arvo on "Markku" ajetaan aaltosulkeitten välissä oleva koodi */
				if(nimi == "Markku")
				{
					document.write("Moi Make");
				}
				/* jos nimi-muuttujan nimi ei ole "Markku"
				if(nimi != "Markku")
				{
					document.write("Moi " + nimi);
				}
		

Silmukat

while-silmukassa aaltosulkeitten välissä olevaa koodia ajetaan niin kauan kuin normaaleissa sulkeissa oleva ehto täyttyy.

				i = 1
				while(i<=10)
				{
					System.out.println("Numero: " + i)
					i = i + 1
				}		
		

Omat funktiot

JavaScriptissä voidaan tehdä omia funktioita jotka suorittavat tietyn sarjan koodirivejä.

			
				function funktio1(teksti)
				{
					document.write(teksti)
				}
		

Nappia painaessa ajetaan funktio nimeltä "funktio1"

				<form>
					<input type="button" value=”teksti” onclick=”funktio1('tulosta')” />
					<input type="text" value=”teksti” />
				</form>