Arvon hakeminen ja sijoittaminen elementtiin

Nettisivun elementtien sisältöjä voidaan hakea ja sisältöjä voidaan muunnella ohjelmakoodissa

Esimerkissä haemme tekstikentän sisällön ja laitamme sen sisällön muokattuna div-elementin sisään.

Haetaan id:llä "kenttä" olevasta tekstikentästä sen sisältö eli value-arvo.

sisalto = document["kentta"].value;

Liitetään "Terve" sana value-arvon eteen ja sijoitetaan tulos muuttujaan uusiteksti.

uusiteksti = "Terve " + sisalto + "!";

Muutetaan id:llä "teksti" olevan div-kentän sisältöä eli text-arvoa

document["teksti"].text = uusiteksti;

Laskin

Tehdään seuraavaksi laskin. Tähän tarvitsemme kaksi tekstikenttään, joista haemme arvot. Hakemisen jälkeen muutamme arvot desimaaliluvuiksi float()-funktiolla ja laskemme ne yhteen. Viimeiseksi sijoitamme laskun tuloksen "teksti"-kenttään.

Tehtävä 1:

Tee laskin loppuun, toisin sanoen kirjoita funktiot miinus(), kerto(), jako() ja napit jotka suorittavat ko. funktiot.