Muhammad al-Xorazmiy nomidagi Toshkent axborot texnologiyalari universiteti Kiberxavfsizlik fakulteti 714-20 guruh talabasi Razzoqov Xamidjonning Veb dasturlash fanidan



Yüklə 33,55 Kb.
tarix02.11.2022
ölçüsü33,55 Kb.
#118898
Web 2 lab


Muhammad al-Xorazmiy nomidagi Toshkent axborot texnologiyalari universiteti Kiberxavfsizlik fakulteti 714-20 guruh talabasi Razzoqov Xamidjonning Veb dasturlash fanidan
2-laboratoriya ishi
1.Javascriptda ma’lumotlar turlari, if, for,for loop,for each, while, do while;
Javascriptda ma’lumotlar turlari: string,Boolean, int ;
Javascriptda o’zgaruvchilar quyidagicha e’lon qilinadi:
Let son=15;
Var son=25;
Javascript dasturlash tilida qiymatlar 2 guruhga bo'linadi: primitive va object
Primitive qiymat to'g'ridan-to'g'ri o'zgaruvchi murojaat qiladigan manzilda joylashadi
Number - sonlarni o'zida saqlovchi ma'lumot turi let age = 23; let price = 19.99; String - o'zida belgilar ketma-ketligini saqlovchi ma'lumot turi let firstName = 'Ulugbek';
Boolean - mantiqiy ma'lumot turi bo'lib faqatgina true (rost) yoki false (yolg'on) qiymatini qabul qilishi mumkin bo'lgan ma'lumot turi let isUser = true;Undefined - ha'li aniqlanmagan ma'lumot turi let student;
Null - bo'sh qiymatga ega bo'lgan ma'lumot turi let school = null;
Symbol - yagona (unique) va o'zgarmas qiymatga ega bo'luvchi ma'lumot turi let id = Symbol('id');
BigInt - katta sonlarni saqlashga mo'ljallangan ma'lumot turi
2. Funksiya
Funksiya - Javascript dasturlash tilining asoslaridan biri bo'lib uning yordamida ma'lum bir vazifani bajarish imkoni mavjud. Funksiya boshqa bir kod qismda chaqirilganda ish tushadi. Funksiya yordamida kodni qayta ishlatish imkoniyati mavjud ya'ni bir martta e'lon qilib, bir necha joyda ishlatish imkoni mavjud. Umumiy ko'rinishi function functionName(parametr1, parametr2, ..., parametrN) { statement 1; statement 2; statement 3; return output; } functionName(argument1, argument2, ..., argumentN); function meningFunksiyam(son1, son2) { return son1 + son2; } meningFunksiyam(10, 20); // 30 meningFunksiyam(30, 40); // 70
E'lon qilish turlari:
Function declaration
Function expression
Arrow function
Funksiyaga misol:
kvadrat(2) // 4;
function kvadrat(son) { return son * son; }
kvadrat(10) // 100;
Misol:
DOCTYPE html>






function














form{
width: 50%;
margin: 0 auto;
background-color: #C8C8C8;
padding: 40px;
}
input{
display: block;
width: 80%;
margin: 15px auto;
height: 40px;
}
button{
width: 250px;
background-color: darkgray;
font-size: 18px;
font-weight: 500;
display: block;
height: 40px;
margin: 0 auto;
cursor: pointer;
}
label{
display: block;
margin: 15px 0;
margin-left: 70px;
font-size: 18px;
font-weight: 600;
}



If else operatori uchun misol: Code
var salom = "";
var soat = 10;
if (soat < 7) {
salom = "Hayrli tong!";
}
else {
salom = "Hayrli kun!";
}

console.log(salom); // Natija: Hayrli kun!

For operatori uchun misol: Code
var text = "";
for (var i = 0; i < 5; i++) {

text += i + "


";

}
document.getElementById("test").innerHTML = text;

var ranglar = ["Oq", "Qora", "Qizil", "Yashil", "Sariq"];var natija = ranglar.slice(1, 3);console.log(natija)
var i = 0;
var text = "";

while (i < 10) {

text += i + "
";

i++;
}

document.getElementById("test").innerHTML = text;

function myFunction(a, b) {

return a * b;

}

myFunction(10, 2);



var person = {fname:"Ali", lname:"Valiyev", age:25};
var txt = "";

for (x in person) {

txt += person[x] + " ";

}

console.log(txt);




Veb-sahifalaringizga jQuery qo'shish


Veb-saytingizda jQuery-dan foydalanishni boshlashning bir necha yo'li mavjud. Siz .. qila olasiz; siz ... mumkin:

  • jQuery.com dan jQuery kutubxonasini yuklab oling

  • Google kabi CDN-dan jQuery-ni qo'shing

jQuery yuklab olinmoqda


Yuklab olish uchun jQuery-ning ikkita versiyasi mavjud:

  • Ishlab chiqarish versiyasi - bu sizning jonli veb-saytingiz uchun, chunki u kichraytirilgan va siqilgan

  • Ishlab chiqish versiyasi - bu sinov va ishlab chiqish uchun (siqilmagan va o'qilishi mumkin bo'lgan kod)

JQuery kutubxonasi bitta JavaScript faylidir va siz unga HTML 

Yüklə 33,55 Kb.

Dostları ilə paylaş:




Verilənlər bazası müəlliflik hüququ ilə müdafiə olunur ©muhaz.org 2024
rəhbərliyinə müraciət

gir | qeydiyyatdan keç
    Ana səhifə


yükləyin