Variabler #

En variabel är en behållare för att spara ett värde. En variabel deklareras med ett namn och tilldelas sedan ett värde.
För att deklarera en variabel i javascript använder du let följt av namnet. För att tilldela ett värde till en variabel använder du = följt av värdet.

let myVar = 5;

I mycket javascript kommer du se variabler deklareras med var och const. Förenklat sagt så kan byta ut dessa mot let.

• Ett semikolon indikerar vars raden, eller uttrycket slutar (men det är valfritt).
• En variabel kan namnges till nästan vadsomhelst, men det finns vissa regler.
• En variabels namn är skifteskänsligt (case sensitive) det vill säga att stora och små bokstäver spelar roll.
• I konsollen kan du se en variabels värde genom att skriva dess namn.
• I ett dokument så använder du console.log(variabelnamn) för att skriva ut värdet till konsollen.

Öppna utvecklarverktygen i din webbläsare(F12) och välj console. Skriv in följande kod.

let firstName;
firstName = 'förnamn';
let lastName = 'efternamn';
let name = firstName + lastName; // förnamnefternamn
name = firstName + ' ' + lastName; // förnamn efternamn
let age = 00;
let greeting = `Hej ${name}, du är ${age} år gammal`;

Testa att skriva in olika namn och födelseår. Vad händer om du skriver let firstName = 'förnamn'; två gånger?

Att sätta ihop text (sträng) variabler med + tecknet kallas för konkatenering. Det går även att använda backticks ` när du skriver en sträng (template literal) och sedan använda ${variabel} för att skriva ut värdet av en variabel.

Skapa ett nytt html-dokument js.html, koda i ett <script> element.

console.log('Välkommen!');
let name = prompt('Vad heter du?');
console.log(`Hej ${name}`);
let birthYear = prompt(`Kan du skriva vilket år du föddes ${name}?`);
alert('Oj ' + name + ', ' + birthYear + ' var länge sedan!');

Prova olika sätt att skriva ut text i din webbläsare.