Web sahifada 2d o'yin yartamiz. Ko'pchilik Web

!important_;__transform:scale(0.9);_}_.pajaro2{__top:100px;__animation-delay:_-1s!important'>!important;
transform:scale(0.9);
}
.pajaro2{
top:100px;
animation-delay: -1s!important;
transform:scale(0.8);
}
.pajaro3{
top:200px;
animation-delay: -3s!important;
transform:scale(1.4);
}


.pajaro4{top:50px;
animation-delay: -12s!important;
transform:scale(0.9);
}
.pajaro5{
top:100px;
animation-delay: -16s!important;
transform:scale(0.5);
}
.pajaro6{
top:200px;
animation-delay: -20s!important;
transform:scale(1.4);
}


@keyframes move{
0%{left:0%;}
20%{left:20%;top:50%; }
40%{top:30%; left:60%;}
60%{top:80%;left:80%;}
80%{top:10%; left:20%:}
100%{top:30%; left:20%; }
}
.timer{
background-color:#333; width:300px;height:50px;
position:fixed;
}
.timer span{
display:block;
background:repeating-linear-gradient(-45deg, #000, rgba(0, 0, 0, 0) 25px, #FFF 25px, #FFF 50px);
width:300px; height:50px;
animation:timer 20s linear;
}


.timer span:before{
content:"TIME LEFT";
display:block;
position:absolute; z-index:3;
left:0;
right:0;
top:0;
bottom:0;
text-align:center;
line-height:50px;
font-size:25px;
color:red;
}
@keyframes timer{
0%{width:10px;}
100%{width:300px; display:block;}
}
.gameover{
position:fixed; z-index:100000; left:0; top:0; bottom:0; right:0; background-color:rgba(0,0,0,0.8);
animation:gameover 20s linear forwards;
font-size:80px; color:white; font-weight:bold; text-align:center;
text-indent:0;
line-height:500px;
}


@keyframes gameover{
0%{left:-5000px;bottom:100%;}
97%{left:-5000px;bottom:100%;}
100%{ left:0px;}
}


footer{position:fixed; left:0; bottom:0; padding:10px 20px;}
footer svg{vertical-align:middle;}
footer a{text-decoration:none; font-size:20px; color:rgba(29,161,242,1.00); vertical-align:middle;}
.pajaro{
background:black;
border-radius: 50% 50% 20% 20%;
color:white;
line-height:20px;
letter-spacing: 2px;
font-size:0.8em;
text-align:center;
position:absolute;

margin-top:-20px; margin-left:-10px;
width:15px; height:15px;
animation:planeo 0.8s linear infinite;
z-index:999;
}


.pajaro:after,
.pajaro:before{
content:"";
position:absolute;
top:50%; left:50%;
}


.pajaro:after{
border-radius: 100% 100% 0 0;
box-shadow: inset 0px 5px 0 black;
width:100px; height:100px;
margin-top:-7px; margin-left:-50px;
transform-origin: 100% 0%;
animation:alas 3s linear infinite;
}


.pajaro:before{
background:#FFC37F;
border-radius: 100% 0% 20% 0%;
margin-top:3px; margin-left:-4px;
width:6px; height:6px;
transform:rotateZ(45deg);
}


@keyframes alas {
50%{
transform:rotateX(-1440deg);
}
}


@keyframes planeo {
40%{
transform:rotateZ(2deg) translateX(2px) translateY(10px) translateZ(0);
line-height:16px;
font-size:0.6em;
}
80%{
transform:rotateZ(-2deg) translateX(5px) translateY(8px) translateZ(0);
}

Ssenariylarni yozishda ko'pincha bitta turdagi harakatlarni ko'p marta bajarish kerak.

Masalan, ro'yxatdagi mahsulotlarni birma-bir o'chirib tashlang. Yoki oddiy raqamlarni 1 dan 10 gacha takrorlang va har biri uchun bir xil kodni bajaring.

Bitta kodni bir necha marta takrorlash uchun tsikllar taqdim etiladi.

While loopi
While tsikli quyidagi sintaksisga ega:

while (holat) {

// kod
// "tsikl tanasi" deb ham nomlanadi
}
Loop tanasidan olingan kod shart to'g'ri bo'lsa bajariladi.

Masalan, pastdagi tsikl i <3 ga qadar bosib chiqaradi:

i = 0 bo'lsin;
while (i <3) {// 0, keyin 1, keyin 2 ni bosib chiqaradi
ogohlantirish (i);
i ++;
}
aytlar, yoki sayt sahifalaridagi ma’lumotlar dinamik (o’zgaruvchan) va statik (o’zgarmas) bo’lishi mumkin.
Statik (o’zgarmas) ma’lumotlarga ega bo’lgan saytlar WYSIWYG (what you see is what you get – nimani ko’rsang shuni olasan) asosda tashkil etiladi va undagi ma’lumotlar o’zgarmaydi. Masalan, biror shahar haqida statik sayt tayyorlandi deylik. Bunday holatda saytga ma’lumotlar; shahar tarixi, ko’rkam joylari, manzili va bugungi kundagi holati haqida bir necha sahifali ma’lumotlar yoziladi hamda bu ma’lumotlar o’zgartirilmaydi. Siz saytga kirasiz va faqat ko’rib turgan ma’lumotingiznigina olasiz. Statik saytlarda odatda sayt va foydalanuvchi o’rtasida hech qanday amaliyot – aloqa bajarilmaydi.