Jquery selektorlar,hodisalar. Jquery ui

let num1 = jQuery('#num1').val();
let num2 = jQuery('#num2').val();
num1 = Number(num1);
num2 = Number(num2);
if (isNaN(num1) || isNaN(num2)) {
jQuery('#error').show();
jQuery('#result').html(0);
}
else {
jQuery('#error').hide();
jQuery('#result').html(num1 + num2);
}
});
}
jQuery(onReady);
Kodimiz yaxshi ishlayapti, lekin F5 ni bosganimizda birdaniga hato ko’rsatmoqda. Buni hal qilish
uchun keling onReady funksiyamiz boshlanganidan, ushbu elementni yashiraylik.
If (isNaN(num1) || isNaN(num2)) {
jQuery('#error').fadeIn();
jQuery('#result').html(0);
}
else {
jQuery('#error').fadeOut();
jQuery('#result').html(num1 + num2);
}

---

Ohirgi urg’u: show() usuli o’rniga fadeIn() usulini ishlatsak, hide() usuli o’rniga esa – fadeOut()
usulini ishlatsak – error elementimiz birdaniga yopilib-ochilmasdan, asta-sekin, animatsiya
orqali ochilib-yopiladi. Ya’ni dasturimiz ishlashi chiroyliroq bo’adi.

---

Document Outline

• JAVASCRIPT
• JQUERY
• SHOW VA HIDE