JavaScript (JS) ir programmēšanas valoda, kas padara mājas lapas interaktīvas un dinamiskas. Kamēr HTML veido lapas struktūru un CSS nosaka izskatu, JavaScript pievieno uzvedību — reakciju uz lietotāja darbībām, datu validāciju, animācijas un daudz ko citu.

JavaScript darbojas tieši lietotāja pārlūkprogrammā (atšķirībā no PHP, kas darbojas serverī). Tas nozīmē, ka JavaScript kods tiek izpildīts uzreiz, bez nepieciešamības sūtīt pieprasījumu serverim.

Ko var izdarīt ar JavaScript?

  • Mainīt HTML saturu un CSS stilus dinamiski
  • Reaģēt uz lietotāja darbībām (klikšķi, tastatūras ievade, peles kustība)
  • Validēt formu datus pirms nosūtīšanas
  • Veidot animācijas un vizuālus efektus
  • Ielādēt datus no servera bez lapas pārlādēšanas (AJAX)
  • Izveidot sarežģītas tīmekļa aplikācijas (Gmail, Google Maps u.c.)

Kā pievienot JavaScript lapai?

1. Ārējs fails (ieteicamais veids):

<!DOCTYPE html>
<html lang="lv">
<head>
<meta charset="UTF-8">
<title>Mana lapa</title>
</head>
<body>
<h1 id="virsraksts">Sveiki!</h1>
<button id="poga">Nospied mani</button>

<script src="skripts.js"></script>
</body>
</html>

<script> tagu parasti ievieto pirms </body>, lai HTML saturs ielādētos pirms skripta izpildes.

2. Tieši HTML dokumentā:

<script>
alert('Sveika, pasaule!');
</script>

Pirmais skripts

Fails skripts.js:

// Atrast pogu un pievienot klikšķa notikumu
document.getElementById('poga').addEventListener('click', function() {
document.getElementById('virsraksts').textContent = 'Poga nospiesta!';
});

Pārlūkprogrammas konsole

JavaScript kodu var izmēģināt tieši pārlūkprogrammā. Atver DevTools (F12 vai Ctrl+Shift+I), pārslēdzies uz Console cilni un raksti JavaScript kodu. Piemēram:

console.log('Sveiki no konsoles!');
alert('Paziņojums!');
document.title = 'Jauns nosaukums';

console.log() ir galvenais rīks atkļūdošanai — tas izvada vērtības konsolē, netraucējot lietotāju.

Laboja mad, labots 1x