Javascript on kolmikosta lähinnä perinteistä ohjelmointikieltä. Siinä on muuttujia ja if-lauseita samalla tavalla kuin pythonissa. Sitä käytetään lisäämään sivulle toiminnallisuutta.
JS on java/c sukuisia kieliä, mutta on haalinut erinäisiä ominaisuuksia sieltä sun täältä. Jonkun verran inspiraatiota on esimerkiksi otettu funktionaalisista ohjelmointikielistä. JS tekee usein tiettyjä päätelmiä mitkä helpottavat yksinkertaisia asioita, mutta voivat aiheuttavat päänsärkyä jos se päättelee väärin.
Voit ajaa koska tahansa JS koodia selaimen konsolissa. Avaa konsoli
painamalla esimerkiksi control+shift+c ja valitsemalla "Console"
välilehden aukeavasta paneelista. Voit esimerkiksi kokeilla ajaa
alert("moro") ja pieni ponnahdusikkunan pitäisi sanoa moro.
Samoin kun CSS, koodia voi kirjoittaa sivulle monella tavalla. Näistä yksi
on suoraan HTML sekaan, eli niin sanotusti inline.
<button onclick="alert('moro')" >Morotin</button>
tuottaa tälläisen napin:
Voit myös käyttää <script> tageja ajamaan koodia kun
sivusto aukeaa. Esimerkiksi tämä:
<script>alert('moro')</script>
sanoisi moro heti kun sivu avataan. Hämmennyksen vähentämiseksi en ole
lisännyt sitä tänne, mutta lisäsin pätkän joka määrittelee
morotin-funktion, jonka voit ajaa tämän sivun konsolissa näin:
morotin()
Inline koodi on ihan ok, mutta jos pitää kirjoittaa jotain
monimutkaisempaa niin se on mukavampi tehdä omaan tiedostoonsa. Tämä myös
pitää kooditiedostot lyhempinä, joka on usein selkeämpää lukijalle. Tämän
voi tehdä lisäämällä <script> tagin, jolla on
src attribuutti, joka osoittaa kooditiedostoon. Tässä
tiedostossa on <script src="./monimorottaja.js"></script> ,
se hakee monimorottaja.js tiedostosta monimoro-funktion,
joka morottaa niin monta kertaa kun sille annettu numero sanoo. Tuolta
tiedostosta löytää muitakin perusjuttuja mitä js voi tehdä jos niitä
haluaa katsella.
Javascriptillä voi myös reagoida kun sivulla tapahtuu jotain.
+ = 0Javascript on tehokas ja voi tehdä paljon kaikenlaista, kuten lähettää tietoa palvelimille ja muuttaa sivun sisältöä. Isoissa projekteissa se alkaa käydä aika haastavaksi, joten kehitettiin typescript. Typescript on kieli, joka on hyvin lähellä javascriptiä. Se lisää koodarille tietoa mm muuttujien tyypeistä ja varoittaa jos hän on tekemässä jotain tyhmää. Typescript kääntäjä muuttaa koodin javascriptiksi, jotta selaimet osaavat ajaa sitä. Etenkin isommissa projekteissa typescriptin mukanaan tuomat ilot ovat huomattavia, mutta ei välttämättä tarpeellista jos rivimäärä on laskettavissa sormin ja varpain.