Jquery selektorlar,hodisalar. Jquery ui


div id="error">Iltimos, raqam kiriting


Download 129.49 Kb.
Pdf ko'rish
bet8/9
Sana18.06.2023
Hajmi129.49 Kb.
#1578721
1   2   3   4   5   6   7   8   9
Bog'liq
web-3

div id="error">Iltimos, raqam kiritingdiv>
Buning uchun yana bir element yaratamiz.


#error {
color: red;
}
Kodimizning CSS qismida esa, ushbu element matni qizil rangda bo’lishini ko’rsataylik.
Har doim ushbu div’imiz ko’rinib turishi to’g’ri emas, keling faqat xato bo’lganda ko’rinsin.
JavaScript’da NaN degan tushuncha bor. Biror ma’lumotni string turidan number turiga
o’tkazayotganimizda, biror xatolik ro’y bersa (misol uchun hello so’zini number’ga o’girishning
iloji yo’q), shunda, o’zgaruvchanimiz turi number’ga teng bo’lgani bilan, uning qiymati NaN’ga
teng bo’ladi.
NaN – “Not A Number”, ya’ni “Raqam emas” degan ma’noni beradi.
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);
}
Raqamni NaN ga tekshirish uchun isNaN() funksiyasidan foydalanamiz. Agar raqamimiz NaN
bo’lsa – ushbu funksiya true qaytaradi. Bo’lmasam – false.
Yozgan kodimizni o’qiymiz: Agar num1 raqam bo’lmasa, yoki num2 raqam bo’lmasa – error
id’lik elementimizni ko’rsat va javobni 0ga teng qil. Bo’lmasam, error elementimizni yashir va
num1 qo’shuv num2 qiymatini javob sifatida ko’rsat.


let onReady = function () {
jQuery('#error').hide();
jQuery('button').on('mousedown',
function() {
jQuery(
this).css('border-style', 'inset');
});
jQuery('button').on('mouseup',
function() {
jQuery(
this).css('border-style', 'outset');

Download 129.49 Kb.

Do'stlaringiz bilan baham:
1   2   3   4   5   6   7   8   9




Ma'lumotlar bazasi mualliflik huquqi bilan himoyalangan ©fayllar.org 2024
ma'muriyatiga murojaat qiling