Čo je vlastnosť valueAsNumber?

Vlastnosť valueAsNumber poskytuje hodnotu prvku input alebo option ako desatinné číslo. Je užitočná pre číselné vstupné polia (type="number", type="range") alebo na získanie číselnej hodnoty z atribútu value prvku option.

// Získanie číselnej hodnoty z inputu typu "number"
const inputNumber = document.getElementById('myNumberInput');
const numberValue = inputNumber.valueAsNumber;
console.log(typeof numberValue); // Vypíše 'number'

// Získanie číselnej hodnoty z voľby
const selectElement = document.getElementById('mySelect');
const selectedOption = selectElement.options[selectElement.selectedIndex];
const optionNumberValue = selectedOption.valueAsNumber;
console.log(typeof optionNumberValue); // Vypíše 'number'

Ak prvok nemá číselnú hodnotu, valueAsNumber vráti NaN. To sa môže stať pri nečíselných typoch vstupu alebo ak hodnotu nie je možné konvertovať na číslo.

Prvok	Typ	Popis
HTMLInputElement	number, range	Vráti číselnú hodnotu zadanú používateľom.
HTMLOptionElement	Akýkoľvek	Vráti číselnú hodnotu atribútu value.