JavaScript

Variabler

Variabler används i programmering för att lagra information i. Det kan vara text- eller nummeriska värden. Du kan deklarera variabler med kommandot var.

<script type="text/javascript">
	var name = "Alison";
	var age = 19;
	var pi = 3.1415926;
</script>

Det finns även en annan sort variabler, nämligen så kallade arrays. Med hjälp av dessa kan du lagra flera värden i samma variabel som du skiljer på med hjälp av ett index. För att skapa en sådan variabel använder du just funktionen Array. Det kan se åt så här;

<script type="text/javascript">
	var bilar = new Array("Saab", "Volvo", "Mazda", "Ford");
	var bil = 0;
	alert("Kalle har en " + bilar[bil]);
</script>

Jämföra variabler

I nästa exempel skall vi läsa en ett namn från användaren och jämföra det med ett förutbestämt värde. Beroende på vilket namn som skriv in skall olika meddelanden visas. För att läsa in namnet använder vi kommandot prompt som visar en dialogruta där användaren får fylla i ett värde. Själva jämförelsen gör vi sedan med kommandot if. Stämmer if-satsten kommer de rader som står mellan { och } att utföras. Stämmer inte if-satsen har finns även möjligheten att ange ett else (annars) alternativ.

<script type="text/javascript">
	var namn = prompt("Vad heter du?","Skriv ditt namn här.");
	if (namn == "Anders"){
		alert("Hej Anders, skoj att se dig.");
	} else {
		alert("Hej, dig har jag inte sett förut. Välkommen!");
	}
</script>

Observera att vid jämförelsen används två (2) likamedtecken medans vid variabeltilldelning används bara 1.

Nackdelen med exemplet ovan är att skriver man 'anders' utan stor 'A' i början stämmer inte jämförelsen. För att lösa detta kan vi använda funktionen toLowerCase() för att göra om variabeln namn till gemener innan vi gör jämförelsen. (toUpperCase() fungerar på samma sätt fast det konverterar variablen till versaler).

<script type="text/javascript">
	var namn = prompt("Vad heter du?","Skriv ditt namn här.");
	namn = namn.toLowerCase();
	if (namn == "anders"){
		alert("Hej Anders, skoj att se dig.");
	} else {
		alert("Hej, dig har jag inte sett förut. Välkommen!");
	}
</script>

Nästa del, Funktioner.