Komma igång med JavaScript

I denna handledning lär du dig om olika sätt att köra JavaScript på din dator.

JavaScript är ett populärt programmeringsspråk som har ett stort antal applikationer.

JavaScript användes tidigare huvudsakligen för att göra webbsidor interaktiva som formulärvalidering, animering etc. Numera används JavaScript också inom många andra områden såsom utveckling av serversidan, utveckling av mobilappar och så vidare.

På grund av det breda utbudet av applikationer kan du köra JavaScript på flera sätt:

  • Använda konsolfliken i webbläsare
  • Använda Node.js
  • Genom att skapa webbsidor

1. Använda konsolfliken för webbläsare

Alla populära webbläsare har inbyggda JavaScript-motorer. Därför kan du köra JavaScript i en webbläsare. För att köra JavaScript i en webbläsare,

  1. Öppna din favoritwebbläsare (här använder vi Google Chrome).
  2. Öppna utvecklarverktygen genom att högerklicka på ett tomt område och välj Inspektera. Genväg: F12 . Inspektera webbläsaren
  3. Gå till konsolfliken på utvecklarverktygen. Skriv sedan JavaScript-kod och tryck på Enter för att köra koden. Fliken Konsol i webbläsaren

Använda Node.js

Node är en back-end körtidsmiljö för körning av JavaScript-kod. Så här kör du JS med Node.js:

  1. Installera den senaste versionen av Node.js.
  2. Installera en IDE / textredigerare som Visual Studio Code. I VS-kod skapar du en fil > skriver JS-kod > sparar den med .js-tillägget . Kod i IDE
  3. Öppna terminalen / kommandotolken > navigera till filplatsen > skriv node hello.js > tryck enter . Kör JS-kod i nod
  4. Du får utdata på terminalen.

Obs! Det är också möjligt att köra JavaScript direkt på terminalen / kommandotolken. För det, skriv helt enkelt nodeoch tryck på Enter. Då kan du börja skriva JS-kod.

Kör JS-kod i nod

Genom att skapa webbsidor

JavaScript skapades ursprungligen för att göra webbsidor interaktiva, det är därför JavaScript och HTML går hand i hand. Så här kör du JS från en webbsida:

  1. Öppna VS-kod > Gå till fil > Ny fil > Spara den med .html-tillägget . Till exempel main.html.
  2. Kopiera den här doktypen (minsta giltiga HTML-kod) och spara den i filen.
      Programiz 
  3. På samma sätt skapa en JS-fil, skriv följande JS-kod och spara den med .js- tillägg som main.js.
     console.log('hello world');
    JS-kod i en fil
  4. Inifrån HTML-filen måste vi länka main.jsfilen för att använda den. Du kan uppnå det genom att lägga till följande kod i main.html.
     
    HTML-kod i en fil
  5. Öppna main.htmlfilen med en webbläsare.
  6. För att kontrollera om vår JS-kod kördes eller inte, högerklicka på webbsidan> Inspektera > Välj konsolflik . Visar JS-kod på konsolfliken

Nu när du vet hur du kör JavaScript, låt oss lära oss grundläggande information om JavaScript från nästa handledning.

Intressanta artiklar...