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

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

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

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

Если элемент не имеет числового значения, valueAsNumber вернет NaN. Это может произойти для нечисловых типов input или если значение не может быть преобразовано в число.