Co je vlastnost valueAsNumber?

Vlastnost valueAsNumber poskytuje hodnotu prvku input nebo option jako desetinné číslo. Je užitečná pro číselná vstupní pole (type="number", type="range") nebo pro získání číselné hodnoty z atributu value prvku option.

// Získání číselné hodnoty z input typu "number"
const inputNumber = document.getElementById('myNumberInput');
const numberValue = inputNumber.valueAsNumber;
console.log(typeof numberValue); // Vypíše 'number'

// Získání číselné hodnoty z volby
const selectElement = document.getElementById('mySelect');
const selectedOption = selectElement.options[selectElement.selectedIndex];
const optionNumberValue = selectedOption.valueAsNumber;
console.log(typeof optionNumberValue); // Vypíše 'number'

Pokud prvek nemá číselnou hodnotu, valueAsNumber vrátí NaN. To se může stát u nečíselných typů vstupů nebo pokud hodnotu nelze převést na číslo.

Prvek	Typ	Popis
HTMLInputElement	number, range	Vrací číselnou hodnotu zadanou uživatelem.
HTMLOptionElement	Jakýkoli	Vrací číselnou hodnotu atributu value.