Ce este proprietatea valueAsNumber?

Proprietatea valueAsNumber este disponibilă pentru elementele HTML <input>. Returnează reprezentarea numerică a valorii câmpului de intrare dacă browser-ul a reușit să o analizeze ca număr. În caz contrar, returnează NaN.

Această proprietate este deosebit de utilă pentru tipurile <input type="number">, <input type="range">, <input type="date"> și <input type="time">, deoarece gestionează automat conversia valorii de tip șir în valoare numerică sau reprezentare numerică a datei/ora.

Exemplu de utilizare:

// Obține elementul input
const numberInput = document.getElementById('myNumberInput');

// Obține valoarea numerică
const valueAsNumber = numberInput.valueAsNumber;

// Verifică dacă conversia a avut succes
if (isNaN(valueAsNumber)) {
  console.log('Valoarea nu este un număr.');
} else {
  console.log('Valoare numerică:', valueAsNumber);
}

Dacă input-ul are tipul date sau time, valueAsNumber va returna numărul de milisecunde de la începutul epocii (1 ianuarie 1970, 00:00:00 UTC).

// Obține elementul input de tip date
const dateInput = document.getElementById('myDateInput');

// Obține timestamp-ul în milisecunde
const timestamp = dateInput.valueAsNumber;

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

// Transformă timestamp-ul într-un obiect Date
const dateObject = new Date(timestamp);
console.log('Obiect Date:', dateObject);

Este important de reținut că valueAsNumber ia în considerare automat setările locale de formatare a numerelor și datelor în timpul analizei, ceea ce simplifică lucrul cu aplicații web internaționalizate comparativ cu analiza manuală a value.