JavaScript on tehokas skriptikieli, joka suoritetaan selaimessa ja mahdollistaa verkkosivun sisällön ja käyttäytymisen muokkaamisen. Jos verrataan sitä taloon, JavaScript toimii talon toiminnallisuutena, kattaen esimerkiksi sähköjärjestelmät, putkistot, kotiautomaatiojärjestelmät ja keskuslämmityksen – eli kaiken, mikä tarjoaa toiminnallisuutta.

Näin voimme lisätä JavaScriptin HTML-dokumenttiin:

Sisäinen JavaScript

Voimme sisällyttää JavaScriptin suoraan HTML-dokumenttiin käyttämällä <script>-tägiä. Tämä tapa on hyödyllinen nopeiden, kertaluonteisten skriptien lisäämiseen.

Esimerkki:

Ole hyvä ja napsauta alla olevaa Klikkaa minua -painiketta.

Ulkoinen JavaScript

Suurempia tai uudelleenkäytettäviä skriptejä varten on parempi sijoittaa JavaScript erilliseen tiedostoon ja liittää se HTML-sivulle.

Esimerkki

Varmista, että tarkastelet kaikkia kolmea esimerkin tiedostoa.

JavaScriptin perusteet

JavaScript mahdollistaa vuorovaikutteisuuden ja dynaamisen toiminnallisuuden lisäämisen verkkosivuille. Tässä joitakin peruskäsitteitä:

Muuttujat

Tietojen tallentamiseen.

let age = 30;
const name = "Peter";

Funktiot

Uudelleenkäytettävät koodilohkot.

function greet() {
  alert('Hello, World!');
}

DOM-manipulointi

Mahdollistaa JavaScriptin muuttaa sivulla näkyvää sisältöä.

document.getElementById('myElement').innerHTML = 'New Content';

Ehtolauseet

Suorita eri koodia ehtojen perusteella.

if (age >= 21) {
  alert('You are an adult.');
} else {
  alert('You are a minor.');
}

Videotutoriaali