Witryny i aplikacje

poniedziałek, 24 listopada 2014

Java pętle i instrukcje warunkowe.

Instrukcja if
Instrukcje będą wykonywane, jeżeli warunek jest prawdziwy. Składnia jest następująca:
if (warunek) {
kod wykonywany jeżeli warunek spełniony
}
Przykład
wiek=prompt("W jakim jesteś wieku?")
if (wiek>18) {
document.write("Jesteś pełnoletni, więc możesz wejść dalej.")
document.write("<br><a href=\"adult.html\">Wejście dla dorosłych</a>")
}
Konstrukcja if else
Konstrukcja podobna do poprzedniej - dodajemy jednynie kod, który zostanie wykonany, jeżeli warunek nie zostanie spełniony.
if (warunek) {
kod wykonywany jeżeli warunek spełniony
}
else {
kod wykonywany jeżeli warunek nie spełniony
}
Przykład
odpowiedz=prompt("W którym roku narodził się JavaScript?")
if (odpowiedz=="1995") {
document.write("Brawo! Masz dobrą pamięć!")
}
else {
alert("Źle!!!")
document.write("Nie zapamiętałeś dokładnie pierwszego spotkania? ;)")
}

Instrukcja warunkowa
Operator ten pozwala czasami oszczędzić miejsce, gdyż doskonale zastępuje prostą konstrukcję if-else w której mamy w zależności od warunku pojedynczą reakcję:
zmienna=(warunek)?wartoscTRUE:wartoscFALSE
Działa to w ten sposób, że jeżeli warunek jest spełniony, to do zmiennej przypisywana jest wartoscTRUE, w przeciwnym wypadku wartoscFALSE
liczba=prompt("podaj jakąś liczbę:")
jaka=(liczba%2==0)?"parzysta":"nieparzysta"
document.write("podana liczba jest "+ jaka)

Pętla while
Kod w pętli while jest wykonywany przez cały czas, gdy warunek jest spełniony:
while (warunek) {
kod pętli
}
}
Pętla while wykonuje określony blok instrukcji określoną ilość razy lub dopóki warunek jest spełniony. Składnia polecenia jest następująca:

while (zmienna <= wartość) {
    kod do wykonania
}

Uwaga: Różnica pomiędzy pętlą for i while, jest taka, że w pętli for warunki są znane wcześniej i są wykonywane określoną ilość razy. Pętla while jest stosowana, gdy warunki początkowe są znane i wykonywane dopóki warunek jest spełniony. Pętla while może w warunku mieć wartości typu boolean co pozwala na konstruowanie skomplikowanych warunków końcowych pętli.
Przykład:
<html>
<body>
<script type="text/javascript">
i=0;
while (i<=5) {
    document.write("liczba równa się " + i);
    document.write("<br />");
    i++;
}
</script>
<p>Wyjaśnienie:</p>
<p><b>i</b> jest równe 0.</p>
<p>Dopóki <b>i</b> jest mniejsze lub równe 5, pętla będzie wykonywana.</p>
<p><b>i</b> licznik pętli wzrasta o 1 za każdym obiegiem.</p>
</body>
</html>

Pętla do… while
Pętla jest bardzo podobna do poprzedniej, z tym że zawsze musi być wykonana co najmniej 1 raz: nawet, gdy warunek nie będzie spełniony. Jest to związane z tym, że warunek jest sprawdzany na końcu:
do {
kod wykonywany w pętli
} while (warunek)
Pętla do...while jest odmianą pętli while. Za pomocą tej pętli kod wewnątrz bloku pętli zostanie wykonany przynajmniej raz, a potem pętla będzie wykonywana tak długo dopóki warunek jest spełniony.
Składnia polecenia jest następująca:
do {
     kod do wykonania
} while (warunek)
Na poniższym przykładzie pętla do...while będzie zawsze wykonana przynajmniej raz, nawet jeśli warunek jest fałszywy, ponieważ sprawdzenie warunku odbywa się na końcu obiegu pętli.
<html>
<body>
<script type="text/javascript">
i = 0;
do {
    document.write("liczba równa się " + i);
    document.write("<br />");
    i++;
} while (i <= 5)
</script>
<p>wyjaśnienie:</p>
<p><b>i</b> równa się 0.</p>
<p>Pętla będzie wykonywana</p>
<p><b>i</b> wzrośnie o 1 za każdym obiegiem petli</p>
<p>Dopóki <b>i</b> będzie mniejsze lub równe 5, pętla będzie wykonywana.</p>
</body>
</html

Pętla for
Pętla for może być wykorzystana do wykonania pewnego kodu określoną ilość razy.
for(inicjalizacja_zmiennej; warunek; zmiana_zmiennej) {
kod wykonywany w pętli
}
Na następnym przykładzie będzie pokazany jak jak można wyświetlić różną wielkość nagłówka:
<html>
<body>
<script type="text/javascript">
for (i = 1; i <= 6; i++) {
    document.write("<h" + i + ">To jest nagłówek " + i);
    document.write("</h" + i + ">");
}
</script>
</body>
</html>

poniedziałek, 3 listopada 2014

Skrypty reszta

Strona czerwona :

<html>
<head>
<title> Moja strona </title>
</head>
<body style="background-color:#FF0000;">
<p> To jest strona czerwona </p>
</body>
</html>

Przykład drugi :

<html>
<head>
<title> Przykład drugi </title>
</head>
<style type="text/css">
body {background-color:#FF0000;}
</style>
</head>
<body>
<p> To jest strona czerwona</p>
</body>
</html>

<link rel="stylesheet"type"text/css"href="style/arkusz.css"/>

<html>
<head>
<title> Moja strona </title>
<link rel="stylesheet"type"text/css"href="style/arkusz.css"/>
</head>
<body>
<p> Strona </p>
</body>

<html>
<head>
<title> Mój dokument </title>
<link rel="stylesheet"type="text/css"href="style.css"/>
</head>
<body>
<h1> Mój pierwszy arkusz </h1>
</body>
</html>

<script type="text/javascript">
//<![CDATA[
for (x=1;x<=9;x++)
document.write(x);
//]]>
// Pętla for
</script>

<script type="text/javascript">
//<![CDATA[
for (x=1;x<=150;x++)
document.write("to jest mmoja strona","");
//]]>
// Pętla for napis 150 razy

</script>

<script type="text/javascript">
//<![CDATA[
x=1;
while (x++<=150)
document.write(x);
//]]>
// While liczby od 2 do 150

</script>

<script type="text/javascript">
//<![CDATA[
x=1;
while (x<=100)
{if(x%5==0)
document.write(x)
x++;
}
//]]>
// Liczy podzielne przez 5!

</script>

<script type="text/javascript">
//<![CDATA[
n=10;
do
{document.write(n);
n++;
}
while(n<10);
//]]>
// Wyświetli 10 kod z do

</script>

<script type="text/javascript">
do
{
var hasło=prompt ("Podaj hasło","")
}
while(hasło!="JavaScript")
document.write("Witaj na stronie");
// Podanie hasła

</script>

<script type="text/javascript">
//<![CDATA[
for (x=1;x<=100;x++)
{if(x%2==0)
document.write(x)
}
//]]>
// Użycie pętly for do wyświetlenia licz podzieny przez 2 do 100

</script>

h1{
font-family:Verdana;
font-size: 480%;
font-weight:bolder;
color:pink;

}
p{
text-indent:6%;
text-decoration:line-through;
}

td{
text-align:center;}

th{
text-align:left;
color:red
font-family:Verdana;

}
div{
letter-spacing:6px;
text-transform:uppercase;
}
body{
background-image:url("tlo.jpg");
background-repeat:repeat-x;
background-position:50%;
}

http://www.fifafanatic.com/fifa-15-best-young-players/
http://www.fifafanatic.com/fifa-15-older-players-with-potential/
http://www.givemesport.com/505622-top-25-young-players-to-sign-on-fifa-15-career-mode/page/2
http://www.fifagamenews.com/best-strikers-fifa-15-career-mode/
http://www.fifagamenews.com/best-strikers-fifa-15-career-mode/
http://www.goodgamebro.com/2014/10/04/fifa-15-best-youth-squad-career-mode/2/
http://www.fifagamenews.com/best-midfielders-fifa-15-career-mode/
http://www.fifagamenews.com/best-goalkeepers-fifa-15-career-mode/

poniedziałek, 27 października 2014

Napisz skrypt który w pierwszej kolejności wyświetli okno tekstowe z informacją o wypisaniu koloru pierwszy warunek sprawdza czy tekst jest zielony lub 1 jeżeli tak wyświetli się napis zielony w kolorze zielonym a drugi warunek jeśli nie czerwony w kolorze czerwonym albo 2. gdy zaden z warunków nie zostanie spełniony wyświetli się "Podałeś nie prawidłowa wartość:

<script type="text/javascript">
var x=prompt ('Wpisz kolor Zieony - 1, Czerwony - 2');
if (x=='Czerwony'|x==1) {
document.write('<font color="red">Czerwony</font>');
}else if (x=='Zielony'|x==2){
document.write('<font color="green">Zielony</font>');
}else{
alert('Niepoprawna wartość');
}
</script>

Wyświetl na ekranie okno dialogowe pozwalające na podanie swojego imienia wprowadz na ekran obraz powitalny zawierający podane imie w przypadku gdy nie poda imienia wyświeti się komunikat

<script type="text/javascript">
var imie=prompt ("Jak masz na imie"," ");
if ((imie==null) || (imię=="")){
document.write("Czemu nie podałes imienia?");
}
}else
document.write("Cześć+imie+!");
}else{
alert('Niepoprawna wartosc');
}
</script>

<script type="text/javascript">
var imie=prompt ("Jak masz na imie"," ");
if ((imie==null) || (imie=="")){
document.write("Czemu nie podałes imienia?");
}
else{
document.write("Cześć "+imie+"!");
}
</script>

<script type="text/javascript">
var zmienna=prompt ("Napisz jaki dzien tygodnia?"," ");
if (zmienna=="poniedzialek"){
alert ("Nie lubie poniedziałków")
}else if (zmienna=="poniedziałek"){
alert("Dzisiaj jest poniedziałek")
}else if(zmienna=="wtorek"){
alert("Dzisiaj jest wtorek")
}else if (zmienna=="środa"){
alert("Dzisiaj jest środa")
}else if (zmienna=="czwartek"){
alert("Dzisiaj jest czwartek")
}else if (zmienna=="piątek"){
alert("Dzisiaj jest piątek")
}else if (zmienna=="sobota"){
alert("Dzisiaj jest sobota")
}else if (zmienna=="niedziela"){
alert("Dzisiaj jest niedziela")
}

</script>

<script type="text/javascript">
//<![CDATA[
var x=prompt("Podaj liczbę:","");
var jaka = (x<0)?"ujemna":"nieujemna";
document.write("Ta liczba jest " +jaka);
// Koniec kodu JavaScript -->
//]]>

</script>

<script type="text/javascript">
//<![CDATA[
var x=prompt("Podaj liczbę:","");
if (x>0){
alert("Liczba jest nieujemna!");
}
else if(x<0){
alert("Liczba jest ujemna");
}
else if(x==0){
alert("Zero!!");
}
// JavaScript kod działa!!

</script>

poniedziałek, 6 października 2014

poniedziałek, 29 września 2014

Programowanie.

Instrukcje

Skrypty w języku JavaScript stanowią sekwencję instrukcji, tzn. są wykonywane w kolejności w jakiej zostały zapisane. Instrukcje mogą być również łączone w grupy (inaczej bloki) poprzez umieszczenie w pomiędzy nawiasami { oraz }. Przykład:

{ // początek bloku

document.write("<h1>Nagłówek</h1>"); // pierwsza instrukcja

document.write("<p>Treść paragrafu.</p>"); // druga instrukcja

} // koniec bloku

</script>

Komentarze

Część wiersza oddzielona znacznikiem // stanowi komentarz, tzn. jest to tylko informacja dla autora skryptu oraz pozostałych programistów pracujących nad skryptem. Istnieje również drugi sposób umieszczania komentarzy w kodzie skryptu — przez umieszczenie pomiędzy znacznikami /* oraz */. Przykład:

/* Poniższy wiersz wyświetla okno dialogowe z powitaniem

oraz dzisiejszą datą. */

alert('Witaj Internauto, dziś jest ' + (new Date().toLocaleString()));

</script>

Zmienne i typy danych

Zmienne w programach służą do przechowywania różnego rodzaju danych, potrzebnych do działania skryptu. Każda zmienna posiada nazwę oraz wartość. Zmienne tworzymy w następujący sposób:

var wiek = 23;

var waga;

var nazwisko_autora = 'Kowalski';

var imie;

</script>

w powyższym przykładzie utworzono cztery zmienne o identyfikatorach (nazwach) wiek, waga, nazwisko_autora oraz imie. Identyfikatory w JavaScript muszą zaczynać się literą, podkreśleniem (_) lub znakiem dolara ($), natomiast kolejne znaki mogą być również cyframi (0-9). JavaScript rozróżnia wielkość liter, więc np. nazwa “wiek” jest różna od “Wiek” oraz “WIEK”.

Wartości zmiennych

Tworząc zmienną możemy od razu podać jej wartość, ale nie jest to obowiązkowe. W poprzednim przykładzie zmiennym “wiek” oraz “nazwisko_autora” zostały jawnie nadane początkowe wartości. Pozostałe zmienne otrzymują domyślnie wartość undefined.

Wartościami zmiennych w JavaScript mogą być: Tutaj właśnie chodzi o typy danych!!

liczby (Number), np. 13 lub 3.14159;
wartości logiczne (Boolean) — true albo false;
łańcuchy znakowe (String) — służą do zapamiętywania tekstów, np. “Witaj internauto!” lub ‘Dziś jest piękny dzień’;
null — specjalne słowo oznaczające wartość pustą;
undefined — specjalne słowo, oznaczające, że wartość
zmiennej lub wyrażenia jest nieokreślona;
tablice (Array) — tablice pozwalają na przechowywanie w
pojedynczej zmiennej więcej niż jednej wartości na raz;
obiekty (Object) — podobnie jak tablice pozwalają na zapamiętanie w
pojedynczej zmiennej większej liczby danych, ale również metod (funkcji).

JavaScript jest językiem o słabej typizacji (ang. weakly typed), dlatego w zmiennej, która na początku otrzymała wartość liczbową, można zapamiętać w późniejszym czasie wartość logiczną, łańcuch znaków itd.

JavaScript programowanie reszta materiałów

Wyświetlanie informacji na stronie i działania na zmiennych

Kilka podstawowych zasad

Pracując z JavaScriptem, powinniśmy pamiętać o kilku fundamentalnych kwestiach. Po pierwsze, interpreter kodu rozróżnia tekst pisany wielkimi i małymi literami. Musimy być więc niezwykle ostrożni, aby nie popełnić błędu – na przykład wywołując wcześniej zdefiniowaną funkcję „program()” za pomocą instrukcji „Program()”. W takim wypadku przeglądarka zwróci błąd, a początkujący programista może mieć duże problemy ze zidentyfikowaniem jego przyczyny. Czynnością należącą już raczej do katalogu dobrych praktyk jest ponadto umieszczanie na końcu każdej instrukcji średnika – głównie w sytuacji, gdy w jednej linii tekstu chcemy zawrzeć kilka poleceń. Ma to często miejsce na przykład podczas konstruowania pętli. Przejrzystości kodu służy także umiejętne stosowanie spacji. Odstępy nie są „widoczne” dla interpretera, ale zdecydowanie ułatwiają naszą pracę ze skryptem lub też zapoznanie się innych użytkowników z jego budową.

Instrukcja document.write

Naszym pierwszym krokiem na drodze do praktycznego opanowania programowania w języku JavaScript będzie stworzenie prostego skryptu, wyświetlającego na ekranie zaprojektowany tekst. Posłużymy się w tym wypadku instrukcją document.write. Document to obiekt JavaScript, który reprezentuje akurat wyświetlaną stronę, write to natomiast jego metoda, czyli funkcja wykonująca określone działania na obiekcie – w tym wypadku wpisująca tekst. Nasz tekst umieszczamy w nawiasach jako argumenty wywołania metody. Postępujemy więc zgodnie z ogólną regułą składni, która wygląda następująco: obiekt.metoda(argumenty metody). Nasz pierwszy program, „Hello World”, będzie więc wyglądał tak:

document.write("Witaj, świecie!");

Listing 7 – zastosowanie metody write

Jako składników tekstu możemy także używać znaczników HTML, dbając
oczywiście o to, żeby w odpowiednich miejscach otwierać je i zamykać:

document.write("<h1>Strona tytułowa</h1>");
document.write("<b>Spis treści</b>");

Listing 8 – metoda write – użycie znaczników HTML

W tym miejscu powinniśmy zwrócić naszą uwagę na pewien istotny fakt: otóż łańcuch znaków przekazywany metodzie write ograniczony jest z obu stron podwójnym cudzysłowem. Co zrobić zatem w wypadku, gdy w tym łańcuchu będziemy chcieli umieścić znaczniki HTML, których atrybuty również używają cudzysłowu? Jeżeli użyjemy symbolu ", popełnimy błąd, gdyż interpreter JavaScriptu przyjmie, że w tym miejscu zakończyliśmy wprowadzanie łańcucha znakowego do metody write. Aby uniknąć wynikających z tego problemów, musimy stosować zamiennie znaki " oraz '. Jeżeli będziemy pamiętali o tym, że powinny się one parami otwierać i zamykać, możemy wielokrotnie zagnieżdżać jedne w drugich, stosując je przemiennie: "1 '2 "3 – 3" 2' 1".

Nieco łatwiej przyjdzie nam rozstrzygnąć problem ewentualnego użycia cudzysłowu w samym tekście, który chcemy umieścić na stronie. Zarówno cudzysłów, jak i inny znak specjalny powinniśmy w takim wypadku poprzedzić backslashem – czyli znakiem \ lub specjalnymi sekwencjami podstawienia HTML.

document.write("Witamy na naszej stronie filmowej.");
document.write("Polecamy film \"Władca Pierścieni\"");
document.write("<b><a href='spis.htm'>Spis treści</a></b>");

Listing 9 – metoda write – użycie cudzysłowów w łańcuchu znaków

Zmienne

W przedstawionych wyżej przykładach metoda write przyjmuje jako argument string – czyli łańcuch znakowy – dlatego jest on umieszczony w cudzysłowie. Można jednak jako argument podać również liczbę całkowitą (integer) lub
zmiennoprzecinkową (float):

document.write(2004)

Listing 10 – metoda write – liczba całkowita

Jeżeli chcemy w naszym skrypcie korzystać z dłuższych tekstów bądź też operować skomplikowanymi liczbami, wygodniej jest przypisać je do zmiennej. W JavaScripcie nie musimy deklarować, jakiego typu zmiennej będziemy używali. Ponadto typ zmiennej elastycznie dopasowuje się do naszych potrzeb, dlatego nic nie stoi na przeszkodzie, aby przypisywać na zmianę typ łańcuchowy i liczb całkowitych. Jedyne, co musimy zrobić, to poinformować interpreter o korzystaniu ze zmiennej. Używamy w tym celu instrukcji postaci: var nazwa zmiennej = wartość zmiennej. Jak w poniższym przykładzie, w którym na ekranie przeglądarki powinien pojawić się tekst opisujący wiek i imię zdefiniowanego wcześniej „użytkownika”:

var imie="Janek" // zmienna typu string
var wiek=20 // zmienna typu integer
document.write("Nasz gość ma na imie "+imie+".");
document.write(imie+" ma "+wiek+" lat");

Listing 11 – zastosowanie instrukcji var

Nazwy zmiennych zaczynamy od litery i konstruujemy je w całości z liter, cyfr lub znaku podkreślenia (_). Powinniśmy też zadbać, aby nazwa była zrozumiała dla osoby czytającej kod – na przykład wiązała się określonym elementem czy funkcją. Wszystko to oczywiście po to, byśmy w przyszłości nie musieli się zastanawiać, z jakich przyczyn daną zmienną w kodzie umieściliśmy.

Operatory

Operatory służą dokonywaniu działań na wartościach zmiennych. Już w powyższym przykładzie zastosowania funkcji var użyliśmy operatora łączenia łańcuchów tekstu – +. Stosując go, możemy wpisywać do ciągu złożone zdania, zmieniające się w zależności od wartości wprowadzanych zmiennych. Należy przy tym pamiętać, że jeśli przy łączeniu różnych typów zmiennych występuje łańcuch znakowy (string) i operator łączenia +, pozostałe zmienne są również przekształcane na typ string.

Ważniejszym jeszcze od manipulacji tekstem zastosowaniem operatorów będą oczywiście działania matematyczne. Możemy przy tym wykorzystać szeroką ich gamę – JavaScript oddaje nam do dyspozycji nie tylko operatory arytmetyczne, ale także logiczne oraz operatory przypisania i porównania. Poniższe tabele w sposób wyczerpujący prezentują wszystkie dostępne nam możliwości.

Operatory arytmetyczne
Operator		Opis	Przykład		Wynik
+		Dodawanie	x=3 x=x+4		7
-		Odejmowanie	x=4 x=6-x		2
*		Mnożenie	x=3 x=x*5		15
/		Dzielenie	10/5 9/2		2 4.5
%		Modulo (reszta z dzielenia)	4%3 12%8 8%2		1 4
++		Zwiększanie o 1	x=2 x++		x=3
--		Zmniejszanie o 1	x=4 x--		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:prawda
<	jest mniejsze	2<3 wynik:prawda
>=	większe lub równe	25>=3 wynik:prawda
<=	mniejsze lub równe	2<=3 wynik:prawda

Operatory logiczne
Operator	Opis	Przykład
&&	i	x=3 y=4 (x < 9 && y > 2) wynik:prawda
\|\|	lub	x=3 y=4 (x==8 \|\| y==6) wynik:fałsz
!	zaprzeczenie	x=3 y=4 !(x==y) wynik:prawda