Какво е свойството valueAsNumber?

Свойството valueAsNumber предоставя стойността на елемента input или option като число с плаваща запетая. Полезно е за числови полета за въвеждане (type="number", type="range") или за получаване на числовата стойност от атрибута value на елемента option.

// Получаване на числова стойност от input тип "number"
const inputNumber = document.getElementById('myNumberInput');
const numberValue = inputNumber.valueAsNumber;
console.log(typeof numberValue); // Ще изведе 'number'

// Получаване на числова стойност от опция
const selectElement = document.getElementById('mySelect');
const selectedOption = selectElement.options[selectElement.selectedIndex];
const optionNumberValue = selectedOption.valueAsNumber;
console.log(typeof optionNumberValue); // Ще изведе 'number'

Ако елементът няма числова стойност, valueAsNumber ще върне NaN. Това може да се случи при нечислови типове вход или ако стойността не може да бъде преобразувана в число.

Елемент	Тип	Описание
HTMLInputElement	number, range	Връща числовата стойност, въведена от потребителя.
HTMLOptionElement	Всеки	Връща числовата стойност на атрибута value.