valueAsNumber xususiyati nima?

HTML elementlari <input> da valueAsNumber xossasi mavjud. Bu xossasi brauzer uni raqam sifatida tahlil qila olgan taqdirda, kirish maydonining qiymatining raqamli ifodasini qaytaradi. Aks holda, NaN qaytaradi.

Ushbu xossa ayniqsa <input type="number">, <input type="range">, <input type="date"> va <input type="time"> turlari uchun foydalidir, chunki u matnli qiymatni avtomatik ravishda raqamli qiymatga yoki raqamli sanalar/vaqtlar ifodasiga aylantirishni boshqaradi.

Foydalanish misoli:

// input elementini olish
const numberInput = document.getElementById('myNumberInput');

// raqamli qiymatni olish
const valueAsNumber = numberInput.valueAsNumber;

// konvertatsiya muvaffaqiyatli yoki yo'qligini tekshirish
if (isNaN(valueAsNumber)) {
  console.log('Qiymat raqam emas.');
} else {
  console.log('Raqamli qiymat:', valueAsNumber);
}

Agar input turi date yoki time bo'lsa, valueAsNumber epoch boshlanishidan boshlab millisekundlarda raqamni qaytaradi (1-yanvar 1970, 00:00:00 UTC).

// date turidagi input elementini olish
const dateInput = document.getElementById('myDateInput');

// timestampni millisekundlarda olish
const timestamp = dateInput.valueAsNumber;

console.log('Timestamp:', timestamp);

// timestampni Date ob'ektiga aylantirish
const dateObject = new Date(timestamp);
console.log('Date obyekti:', dateObject);

Muhim: valueAsNumber tahlil qilishda raqamlar va sanalar uchun mahalliy format sozlamalarini avtomatik hisobga oladi, bu esa xalqaro miqyosdagi veb-ilovalar bilan ishlashni value ning qo'lda tahlil qilishiga nisbatan soddalashtiradi.