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, 24 listopada 2014
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/
<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/
Subskrybuj:
Komentarze (Atom)