Kurs 2: L�r dig spr�ket JavaScript - Texter - Skriva sitt namn

JavaScript.nu / JavaScript-kurs / Variabler, document.write(), alert() och prompt()

L�R DIG SPR�KET JAVASCRIPT
Variabler, document.write(), alert() och prompt()

Det vi nu ska l�ra oss �r n�got oanv�ndbart i vanligt bruk, men dock viktigt n�r du ska l�ra dig JavaScript.

Som du f�rst l�rde dig skulle man skriva...

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

JavaScripten

//-->
</SCRIPT>

...F�r att f� JavaScript. Det jag f�rst ska l�ra ut �r att du ska skriva:
document.write("EN VALFRI TEXT");

Allts� ska du skriva document.write("EN VALFRI TEXT") d�r jag har skrivit JavaScripten.
Allts� ser scriptet ut s�h�r:

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

document.write("EN VALFRI TEXT");

//-->
</SCRIPT>

L�t oss nu visa hur resultatet blir:
EN VALFRI TEXT

Imponerad? Nja, skulle inte tro det, men faktum �r att du senare kan l�gga in fler saker d�r du nu skrivit EN VALFRI TEXT, vilket g�r det lite mer avancerat.

En vanlig funktion som anv�nds vid JavaScript �r n�r bes�karen f�r skriva in sitt namn och han sedan ser en kommentar som:
Hej bes�karens_namn, du har kommit till min hemsida.

Vill du testa? Tryck h�r (det �ppnas ett nytt litet f�nster).

Detta JavaScript har jag skrivs s�h�r:

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

var ett_namn=prompt("Skriv in ditt namn h�r:","Ulf Svensson");
document.write("V�lkommen " + ett_namn + ", �r det inte otroligt roligt att titta p� detta JavaScript?");

//-->
</SCRIPT>

Vad �r nu det h�r?
var s�ger till webbl�saren att ett_namn ska f� ett v�rde, v�rdet �r det som skrivs i ett promptf�nster (prompt). Var g�r allts� en variabel (variabel = matematisk term, n�got som kan variera), i detta fall variabeln ett_namn.
Det som ska uppmanas i promptf�nstret (i detta fall att man ska skriva in sitt namn) skrivs f�rst inom citatet och efter ett kommatecken skriver man 2 till citattecken, d�r det f�rutbest�mda v�rdet anges (Ulf Svensson).

Nu har vi gett ett v�rde till ett_namn. V�rdet (i detta fall bes�karens namn) anges av bes�karen n�r han skriver in det, om han inte skriver in det genom att trycka p� Cancel eller genom att st�nga fr�gef�nstret f�r ett_namn v�rdet null. Vill du testa s� titta p� scriptet igen och tryck p� cancel s� ser du att det kommer att st�:
V�lkommen null, �r det inte otroligt roligt att titta p� detta JavaScript?

Vad h�nder d� p� n�sta rad?
P� den andra (och sista) raden s� ser du (precis som du tidigar l�rt dig) texten document.write, och d�refter inomparantes och inom citat texten som visas. Men d�r namnet dyker upp st�r ju " + ett_namn + ", vilket betyder att ett_namns v�rde ska skrivas ut d�r, vilket det ocks� g�rs.

Vad mer kan man g�ra med JavaScript?
Jo, t.ex. kan man �ppna ett v�lkomstf�nster med eller utan bes�karens namn, vilket man g�r genom att skriva:
alert("EN VALFRI TEXT")

Vill du testa? Tryck h�r (observera att sidan som dyker upp kommer att vara tom med text).

Detta JavaScript �r skrivet p� f�ljande s�tt:

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

alert("V�lkommen till detta JavaScript.");

//-->
</SCRIPT>

Det enda den omfattar �r allts� en alert-rad som visar en ruta med endast en OK-knapp och texten som anges.

Vill man blanda in detta script med det f�rra kan man g�ra det genom att ha med b�de raden som anger v�rdet f�r ett_namn och raden som visar en ruta med OK-knappen och en text, men denna g�ng infogar man " + en_text + " i den raden som �ppnar en alertruta med texten. N�r man skriver " + en_text + " bland den andra texten som dyker upp s� visas ju en_texts v�rde i rutan.

Den som vill testa denna kombination �r v�lkommen att trycka h�r.

OBSERVERA att den enda skillnaden mellan det f�rsta scriptet (det som skrev ut namnet p� sidan) och detta script �r att jag har bytt ut document.write (som skriver ut en text p� sidan) mot alert (som �ppnar en ruta med text och en OK-knapp).
Liksom f�rut s� blir ett_namns v�rde null om man st�nger det f�rsta f�nstret eller trycker p� Cancel.

S�h�r har scriptet skrivits:

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

var ett_namn=prompt("Skriv in ditt namn h�r:","Ulf Svensson");
alert("V�lkommen " + ett_namn + ", �r det inte otroligt roligt att titta p� detta JavaScript?");

//-->
</SCRIPT>

Gl�m inte bort att texten ett_namn kan �ndras till vad du vill, t.ex. mot namnet eller text, men d� m�ste B�DA ett_namn bytas ut mot det nya namnet.

Vidare ska du t�nka p� att du kan skriva hur m�nga ett_namn som helst, s� din alert-rad skulle kunna vara s�h�r:

alert("V�lkommen " + ett_namn + "! Idag �r alla som heter " + ett_namn + " hj�rtligt v�lkomna, men �ven om du inte heter " + ett_namn + " s� kan du komma till min sida.");

Nu kan du g� vidare till n�sta del av min JavaScriptkurs

L�R DIG SPR�KET JAVASCRIPT Variabler, document.write(), alert() och prompt()

L�R DIG SPR�KET JAVASCRIPT
Variabler, document.write(), alert() och prompt()