Co je vlastnost valueAsNumber?

Vlastnost valueAsNumber je dostupná u HTML prvků <input>. Vrací číselnou reprezentaci hodnoty vstupního pole, pokud ji prohlížeč dokázal analyzovat jako číslo. V opačném případě vrací NaN.

Tato vlastnost je obzvlášť užitečná pro typy <input type="number">, <input type="range">, <input type="date"> a <input type="time">, protože automaticky zpracovává převod řetězcové hodnoty na číselnou hodnotu nebo číselnou reprezentaci data/času.

Příklad použití:

// Získání prvku input
const numberInput = document.getElementById('myNumberInput');

// Získání číselné hodnoty
const valueAsNumber = numberInput.valueAsNumber;

// Kontrola, zda se převod na číslo povedl
if (isNaN(valueAsNumber)) {
  console.log('Hodnota není číslo.');
} else {
  console.log('Číselná hodnota:', valueAsNumber);
}

Pokud má vstupní prvek typ date nebo time, valueAsNumber vrátí počet milisekund od začátku epochy (1. ledna 1970, 00:00:00 UTC).

// Získání prvku input typu date
const dateInput = document.getElementById('myDateInput');

// Získání timestampu v milisekundách
const timestamp = dateInput.valueAsNumber;

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

// Převod timestampu na objekt Date
const dateObject = new Date(timestamp);
console.log('Objekt Date:', dateObject);

Je důležité poznamenat, že valueAsNumber automaticky zohledňuje místní nastavení formátování čísel a dat při parsování, což usnadňuje práci s mezinárodními webovými aplikacemi ve srovnání s ručním parsováním value.