Mis on omadus valueAsNumber?

Omadus valueAsNumber on saadaval HTML-elementidel <input>. See tagastab sisendiväärtuse arvulise esituse, kui brauser suudab selle arvuks parsida. Vastasel juhul tagastab see NaN.

See omadus on eriti kasulik <input type="number">, <input type="range">, <input type="date"> ja <input type="time"> tüüpidele, kuna see automaatselt töötleb stringväärtuse teisendamist arvuliseks või kuupäeva/aega esindavaks väärtuseks.

Kasutusnäide:

// Saame input elemendi
const numberInput = document.getElementById('myNumberInput');

// Saame arvulise väärtuse
const valueAsNumber = numberInput.valueAsNumber;

// Kontrollime, kas teisendus arvuks õnnestus
if (isNaN(valueAsNumber)) {
  console.log('Väärtus ei ole arv.');
} else {
  console.log('Arvuline väärtus:', valueAsNumber);
}

Kui sisend on tüüpi date või time, tagastab valueAsNumber arvu — epohist (1970. aasta 1. jaanuar, 00:00:00 UTC) alates milisekundid.

// Saame date-tüüpi sisendelemendi
const dateInput = document.getElementById('myDateInput');

// Saame timestamp millisekundites
const timestamp = dateInput.valueAsNumber;

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

// Muudame timestampi Date objektiks
const dateObject = new Date(timestamp);
console.log('Date objekt:', dateObject);

Oluline on märkida, et valueAsNumber arvestab automaatselt kohalikke numbrilise ja kuupäeva vorminduseseadeid, mis lihtsustab rahvusvaheliste veebirakenduste tööd võrreldes käsitsi value parsimisega.