Šta je svojstvo valueAsNumber?

Svojstvo valueAsNumber dostupno je na HTML elementima <input>. Vraća numerički prikaz vrednosti polja za unos ako ga je pregledač uspeo da parsira kao broj. U suprotnom, vraća NaN.

Ovo svojstvo je posebno korisno za tipove <input type="number">, <input type="range">, <input type="date"> i <input type="time">, jer automatski obrađuje konverziju string vrednosti u numeričku vrednost ili numerički prikaz datuma/vremena.

Primer upotrebe:

// Dobijanje elementa input
const numberInput = document.getElementById('myNumberInput');

// Dobijanje numeričke vrednosti
const valueAsNumber = numberInput.valueAsNumber;

// Provera da li je konverzija uspešna
if (isNaN(valueAsNumber)) {
  console.log('Vrednost nije broj.');
} else {
  console.log('Numerička vrednost:', valueAsNumber);
}

Ako input ima tip date ili time, valueAsNumber će vratiti broj milisekundi od početka epohe (1. januar 1970, 00:00:00 UTC).

// Dobijanje elementa input tipa date
const dateInput = document.getElementById('myDateInput');

// Dobijanje timestamp-a u milisekundama
const timestamp = dateInput.valueAsNumber;

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

// Pretvaranje timestamp-a u objekat Date
const dateObject = new Date(timestamp);
console.log('Objekat Date:', dateObject);

Važno je napomenuti da valueAsNumber automatski uzima u obzir lokalne postavke formatiranja brojeva i datuma prilikom parsiranja, što olakšava rad sa internacionalizovanim veb aplikacijama u poređenju sa ručnim parsiranjem value.