Kurs 8: L�r dig spr�ket JavaScript - Vissa v�rden byter v�rden

JavaScript.nu / JavaScript-kurs / Repetition: if, variabler och logiska operatorer

L�R DIG SPR�KET JAVASCRIPT
Repetition: if, variabler och logiska operatorer

Ok, nu ska du l�ra dig lite annat sm�tt och gott som en vidare utbildning till f�reg�ende kapitel (att f� meddelanden om man skriver in vissa saker i ett prompt-f�nster (som du M�STE veta vad det �r f�r att forts�tta nu)).

I mitt f�rra kapitel gjorde vi ett script som gav sidans bes�kare ett meddelande om han skrev att han hette Bill Gates eller G�ran Persson (eller om han tryckte p� Cancel).
Nu ska du l�ra dig att �ndra v�rdet som bes�karen skriver, t.ex. om han bara trycker p� Cancel, d� blir ju bes�karens namn null, vilket �r r�tt intets�gande och trist namn. Det du nu ska g�ra �r att �ndra v�rdet null till n�got annat, i v�rt fall till anonym.
Vi ska ocks� vara lite elaka (de tar det v�l som en komplimang) mot Bill Gates och G�ran Persson och �ndra deras namn (eller snarare bes�karens namn) till Mr. Rik.

Hur g�r vi nu detta?
Jo, vi b�rjar med att kopiera HELA scriptet fr�n f�rra kapitlet till detta kapitel men l�gger till n�gra nya rader (de nya raderna �r i r�tt).
Vill du se scriptet trycker du h�r.

<SCRIPT LANGUAGE="JavaScript">
<!--

var namn=prompt("Var v�nlig och skriv in ditt namn","Ditt namn");

if ((namn == "Bill Gates") || (namn == "G�ran Persson"))
  {
  alert("Visst att du heter " + namn + ". Bara f�r det ska du kallas Mr. Rik.");
  namn=("Mr. Rik");
  }

if (namn == null)
  {
  alert("Varf�r vill du inte skriva in ditt namn, Mr. \"anonym?\"");
  namn=("anonym");
  }

document.write("V�lkommen " + namn + ", du vet v�l att du f�r ett speciellt meddelanden om du trycker p� Cancel eller om du skriver G�ran Persson eller Bill Gates.");

//-->
</SCRIPT>

Det som har h�nt, f�rutom lite mer av den helt vanliga texten i alertrutorna �r att vi helt pl�tsligt ger ett v�rde �t namn. Om vi hade haft fler v�rden p� flera olika saker, t.ex. ett v�rde �t namn, ett �t �lder etc. s� hade vi kunnat �ndra alla v�rdena om man skrev in ett speciellt v�rde �t namn. Detta skulle man kunna g�ra s�h�r (f�r att se scriptet ska du trycka h�r):

<SCRIPT LANGUAGE="JavaScript">
<!--

var namn=prompt("Var v�nlig och skriv in ditt namn","Ditt namn");
var alder=prompt("Var v�nlig och skriv in din �lder","");

if ((namn == "Bill Gates") || (namn == "G�ran Persson"))
  {
  alert("Visst att du heter " + namn + ". Bara f�r det ska du kallas Mr. Rik.");
  namn=("Mr. Rik");
  alder=("100");
  }

if (namn == null)
  {
  alert("Varf�r vill du inte skriva in ditt namn, Mr. \"anonym?\"");
  namn=("anonym");
  alder=("10");
  }


document.write("Hej " + namn + ", du �r " + alder + " �r.");

//-->
</SCRIPT>

Nu har jag tagit scriptet l�ngst upp p� sidan och stoppat in n�gra r�da rader.
Vad h�nder? Jo, n�r man skriver in v�rdet Bill Gates eller G�ran Persson som v�rde (till namn) s� ger vi v�rdet (variabeln) alder, som bes�karen tidigare f�tt fylla i, v�rdet 100. Skulle bes�karen ge v�rdet null (endast genom att trycka p� Cancel eller genom att st�nga prompt-f�nstret) ger vi v�rdet 10 till variabeln alder.

En sak �r viktig att t�nka p� i detta script, n�mligen att v�rdet p� alder ska fyllas i INNAN man �ndrar v�rdet. skulle vi flytta raden..:
var alder=prompt("Var v�nlig och skriv in din �lder","");
...Till precis f�rre raden..:
document.write("Hej " + namn + ", du �r " + alder + " �r.");
...S� skulle man inte kunna byta v�rde p� alder genom att skriva Bill Gates eller G�ran Persson (eller genom att trycka p� Cancel). F�r att g�ra det enklare att f�rklara har jag �ven gjort detta script som jag just f�rklarat, bes�k det scriptet genom att trycka h�r (OBS: Trots att jag byter v�rde p� alder i detta script s� kommer alder inte att bytas, eftersom jag l�ter dig skriva in v�rdet p� alder EFTER att jag redan bytt v�rde p� det, vilket �r ganska korkat, men som sagt, detta �r bara s� att du ska se hur jag menar).
Skulle du vilja ha koden till scriptet s� finns det h�r nedan:

<SCRIPT LANGUAGE="JavaScript">
<!--

var namn=prompt("Var v�nlig och skriv in ditt namn","Ditt namn");

if ((namn == "Bill Gates") || (namn == "G�ran Persson"))
  {
  alert("Visst att du heter " + namn + ". Bara f�r det ska du kallas Mr. Rik.");
  namn=("Mr. Rik");
  alder=("100");
  }

if (namn == null)
  {
  alert("Varf�r vill du inte skriva in ditt namn, Mr. \"anonym?\"");
  namn=("anonym");
  alder=("10");
  }

var alder=prompt("Var v�nlig och skriv in din �lder","");

document.write("Hej " + namn + ", du �r " + alder + " �r.");

//-->
</SCRIPT>

Ok, nu kan du byta v�rden p� olika v�rden. Om du �r redo f�r n�sta del ska du trycka h�r.

L�R DIG SPR�KET JAVASCRIPT Repetition: if, variabler och logiska operatorer

L�R DIG SPR�KET JAVASCRIPT
Repetition: if, variabler och logiska operatorer