1) Avame tööriista

Avame Visual Studio Code või CodeSandbox. VS Code on mugav algajale.

Visual Studio Code avamine
VS Code käivitatud
Nõuanne

Loo uus kaust, nt JSONAndmet, siis ava see kaust VS Code’is (File → Open Folder).

2) Kaust ja failid

Lisa järgmised failid kausta:

Kaust koos failidega
Projektistruktuur

3) Kirjutame koodi

index.html

index.html kood
HTML struktuur

script.mjs

script.mjs kood
Alustame skriptist

Kirjutame koodi, mis näitab kõik autod tabelina:

script.mjs tabeli renderdus
Tabeli renderdus

style.css

style.css kood
Stiilid

4) Kuidas kõik välja näeb

Lõpptulemus brauseris
Lõpptulemus
Lokalselt käivitamine

Käivita lihtne serveriüksus projektikaustas:

python -m http.server 3000
# või Node'ga
npx serve .
# või
npx http-server .

Ava brauseris: http://localhost:3000