Kurs JavaScript - dzia³ania na zmiennych Na stronie:Instrukcja document.writeZmienneOperatory 1. Instrukcja document.write Nasz pierwszy skrypt bêdzie wypisywa³ na ekranie tekst. Pos³u¿ymy siê do tego instrukcj± document.write. Document jest to obiekt JavaScript, który reprezentuje aktualnie wy¶wietlan± stronê, natomiast write - to jego metoda, czyli funkcja wykonuj±ca okre¶lone dzia³ania na obiekcie - w tym wypadku wypisuje tekst. Nasz tekst umieszczamy w nawiasach, jako argumenty wywo³ania metody. Ogólnie postêpujemy nastêpuj±co:obiekt.metoda( argumenty metody )Zatem nasz standardowy program "Hello World" bêdzie wygl±da³ nastêpuj±co: document.write("Witaj ¶wiecie!") Wewn±trz mo¿emy u¿ywaæ znaczników HTML, dbaj±c oczywi¶cie o to, ¿eby je w odpowiednich miejscach otwieraæ i zamykaæ:document.write("<h1>Strona tytu³owa</h1>")document.write("<b><a href='spis.htm'>Spis tre¶ci</a></b>") Tu zwróæmy uwagê na pewn± istotn± rzecz: otó¿ ³añcuch znaków przekazywany metodzie write ograniczony jest z obu stron podwójnym cudzys³owem. Ale co zrobiæ w przypadku, gdy umieszczamy wewn±trz znaczniki HTML, których atrybuty równie¿ u¿ywaj± cudzys³owia? Je¿eli u¿yjemy " pope³nimy b³±d, gdy¿ JavaScript pomy¶li, ¿e zakoñczyli¶my wprowadzanie ³añcucha znakowego do metody write, podczas gdy za znakiem " znajduje siê jeszcze to, co chcemy wypisaæ w dokumencie. Dlatego musimy stosowaæ zamiennie znaki " oraz '. Je¿eli bêdziemy pamiêtali o tym, ¿e musz± siê one parami otwieraæ i zamykaæ, mo¿emy wielokrotnie zagnie¿d¿aæ jedne w drugich, przy czym stosuj±c przemiennie: "1 '2 "3 - 3" 2' 1". A co zrobiæ ¿eby wypisaæ znak cudzys³owu na stronie, lub u¿yæ innego znaku specjalnego? Znaki takie poprzedzamy backslashem - czyli \ lub specjalnymi sekwencjami podstawienia HTML document.write("Na ekranie zobaczysz<br>C:\\>")document.write("Polecam film \"Wladca Pier¶cieni\"")document.write("<b><a href=\"spis.htm\">Spis tre¶ci</a></b>")przyk³ad 2 Zmienne Metoda write w powy¿szych przyk³adach przyjmuje jako argument string - czyli ³añcuch znakowy - dlatego jest on umieszczony w cudzys³owu. Mo¿na jako argument podaæ liczbê ca³kowit± (integer) lub zmiennoprzecinkow± (float): document.write(2004) Je¿eli chcemy korzystaæ w skrypcie z d³ugich tekstów, b±d¼ wypisywaæ skomplikowane liczby, wygodnie jest przypisaæ je do zmiennej. W JavaScript nie musimy deklarowaæ, jakiego typu jest zmienna. Poza tym, typ zmiennej elastycznie dopasowuje siê do naszych potrzeb, dlatego nic nie stoi na przeszkodzie, aby przypisywaæ na zmianê typ ³añcuchowy i ca³kowitoliczbowy. Jedyne co musimy zrobiæ, to powiadomiæ przegl±darkê o zmiennej. Robi siê to poprzez instrukcjê var:var nazwa_zmiennej Nazwy zmiennych zaczynamy od litery i pozostajemy wierni zasadzie, ¿e sk³ada siê ona z liter, cyfr i znaku podkre¶lenia _. Dodatkowo dbamy o to, ¿eby nazwa reprezentowa³a co¶ sensownego - czyli by³a samot³umacz±ca siê - ¿eby¶my w przysz³o¶ci nie zastanawiali siê, co to za zmienna i po co by³a u¿yta w kodzie. var imie="Janek" // zmienna typu stringvar wiek=20 // zmienna typu integerdocument.write("Nasz go¶æ ma na imie "+imie+".")document.write(imie+" ma "+wiek+" lat")przyk³ad 3 Operatory W dwóch powy¿szych linijkach kodu u¿yli¶my operatora + ³±czenia stringów. Dziêki niemu mo¿emy wypisywaæ z³o¿one zdania, zmieniaj±ce siê w zale¿no¶ci od zmiennych. Je¿eli przy ³±czeniu ró¿nych typów zmiennych wystêpuje string i operator ³±czenia +, pozosta³e zmienne s± przekszta³cane równie¿ na string. Zestawienie operatorów u¿ywanych w JavaScript: Operatory Arytmetycze Operator Opis Przyk³ad Wynik + Dodawanie x=3x=x+4 7 - Odejmowanie x=4x=6-x 2 * Mno¿enie x=3x=x*5 15 / Dzielenie 10/59/2 24.5 % Modulo (reszta z dzielenia) 4%312%88%2 140 ++ Zwiêkszanie o 1 x=2x++ x=3 -- Zmniejszanie o 1 x=4x-- x=3 Operatory przypisania Operator Przyk³ad Równowa¿ne z = x=y   += x+=7 x=x+7 -= x-=3 x=x-3 *= x*=y x=x*y /= x/=y x=x/y %= x%=y x=x%y Operatory porównania Operator Opis Przyk³ad == jest równe 2==3 wynik:fa³sz != nie jest równe 2!=3 wynik:prawda > jest wiêksze 25>3 wynik:fa³sz < jest mniejsze 2<3 wynik:prawda >= wiêksze lub równe 25>=3 wynik:fa³sz <= mniejsze lub równe 2<=3 wynik:prawda Operatory logiczne Operator Opis Przyk³ad && i x=3y=4(x < 9 && y > 2)wynik:prawda || lub x=3y=4(x==8 || y==6)wynik:fa³sz ! zaprzeczenie x=3y=4!(x==y) wynik:prawda