რა არის property valueAsNumber?

HTML ელემენტებზე <input> ხელმისაწვდომია valueAsNumber თვისება. ის აბრუნებს ინპუტის ველის მნიშვნელობის რიცხვობრივ წარმოდგენას, თუ ბრაუზერმა შეძლო მისი განზოგადება როგორც რიცხვი. წინააღმდეგ შემთხვევაში, ის აბრუნებს NaN-ს.

ეს თვისება განსაკუთრებით სასარგებლოა <input type="number">, <input type="range">, <input type="date"> და <input type="time"> ტიპებისთვის, რადგან ის ავტომატურად მართავს სტრიქონის მნიშვნელობის გადაყვანას რიცხვობრივ მნიშვნელობად ან რიცხვობრივ წარმოდგენად თარიღისა და დროის.

გამოყენების მაგალითი:

// ელემენტის მიღება
const numberInput = document.getElementById('myNumberInput');

// რიცხვითი მნიშვნელობის მიღება
const valueAsNumber = numberInput.valueAsNumber;

// გადაყვანის წარმატებულობის შემოწმება
if (isNaN(valueAsNumber)) {
  console.log('მნიშვნელობა რიცხვი არ არის.');
} else {
  console.log('რიცხვითი მნიშვნელობა:', valueAsNumber);
}

თუ ინპუტს აქვს date ან time ტიპი, valueAsNumber დააბრუნებს ეპოქის დასაწყისიდან (1970 წლის 1 იანვარი, 00:00:00 UTC) მილისეკუნდებში გამოთვლილ რიცხვს.

// `date` ტიპის ინპუტის ელემენტის მიღება
const dateInput = document.getElementById('myDateInput');

// ტაიმსტამპის მიღება მილისეკუნდებში
const timestamp = dateInput.valueAsNumber;

console.log('ტაიმსტამპი:', timestamp);

// ტაიმსტამპის გადაყვანა Date ობიექტად
const dateObject = new Date(timestamp);
console.log('Date ობიექტი:', dateObject);

მნიშვნელოვანია აღინიშნოს, რომ valueAsNumber ავტომატურად იღებს მხედველობაში ადგილობრივ პარამეტრებს რიცხვებისა და თარიღების ფორმატირებისას, რაც ამარტივებს მუშაობას საერთაშორისო ვებ-აპლიკაციებთან შედარებით ხელით გადამუშავებისას value-ზე.