Kaj je JavaScript in tvoja prva skripta

Spoznaj tretji jezik spleta in napiši prvo skripto, ki govori s konzolo brskalnika.

Trije jeziki spleta

Iz ravni 1 poznaš dva jezika:

HTML – okostje strani (kaj je na njej),
CSS – videz (kako izgleda).

Tretji in zadnji jezik je JavaScript – obnašanje (kaj se zgodi, ko…). Ko na YouTubu klikneš ▶ in se video začne, ko spletna trgovina izračuna ceno, ko igra šteje točke – to je vse JavaScript.

Kje živi JavaScript

JavaScript živi v svoji datoteki, kot CSS. Strani o njem poveš z oznako <script> – postavi jo na konec <body>, tik pred </body>:

  ...page content...

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

💡

Zakaj na koncu? Brskalnik bere stran od zgoraj navzdol. Ko je skripta na koncu, celotna stran že obstaja in skripta lahko takoj z njo dela.

Pokažem ti: tvoja prva skripta

V mapi my-web ustvari datoteko script.js in vanjo napiši:
```
console.log("Hi, this is your website!");
```
V index.html dodaj vrstico <script src="script.js"></script> tik pred </body> in shrani obe datoteki.
Odpri stran v brskalniku in pritisni F12 (na Macu Cmd+Alt+I). Odpre se razvojna plošča – klikni zavihek Console.

Vidiš “Hi, this is your website!”? Tvoj prvi JavaScript teče! 🎉

Konzola je skrivna soba v brskalniku, kjer programerji klepetajo s stranjo. Obiskovalci je ne vidijo – je samo zate. console.log(...) pomeni “izpiši to v konzolo.” Uporabljal jo boš ves čas: najboljši način, da izveš, kaj se dogaja v skripti.

Konzola zna tudi računati

Poskusi to vtipkati neposredno v konzolo (po vsaki vrstici pritisni Enter):

5 + 3
"Jake" + " is " + "awesome"
10 * 365

JavaScript je tudi kalkulator – sešteva številke in lepi besedila (imenujejo se nizi, prepoznaš jih po narekovajih) skupaj.

Zdaj si na vrsti 💪

Dodaj script.js na vsako stran svoje spletne strani (kot si nekoč dodal style.css).
Naj skripta v konzolo izpiše ime tvoje spletne strani in izračuna, koliko ur je do počitnic – na primer console.log("Hours left until vacation:", 48 * 24);.
Namerno naredi napako – izbriši narekovaj in shrani. Poglej, kako izgleda napaka v konzoli (rdeče besedilo s številko vrstice). Potem jo popravi. To je pomembna navada: konzola ti bo vedno povedala, kje je težava.

✅

Preveri se: Ko odpreš katero koli stran svoje spletne strani, se tvoje sporočilo prikaže v konzoli. Znaš odpreti konzolo in veš, kako izgleda napaka. To je celoten temelj – od naslednje lekcije naprej začnemo delati čarovnije na strani.

Kaj si vzameš iz te lekcije

JavaScript = tretji jezik spleta: obnašanje. Piše se v datoteki script.js in poveže z oznako <script src="..."> pred </body>.
Konzola (F12) je tvoje okno v skripto: console.log() izpisuje, napake se pokažejo rdeče s številko vrstice.
Besedilo v narekovajih je niz, nize lahko lepiš skupaj z +. Številke lahko računaš.