Šta je svojstvo valueAsNumber?

Svojstvo valueAsNumber pruža vrednost elementa input ili option kao decimalni broj. Korisno je za numerička polja za unos (type="number", type="range") ili za dobijanje numeričke vrednosti iz atributa value elementa option.

// Dobijanje numeričke vrednosti iz inputa tipa "number"
const inputNumber = document.getElementById('myNumberInput');
const numberValue = inputNumber.valueAsNumber;
console.log(typeof numberValue); // Ispisaće 'number'

// Dobijanje numeričke vrednosti iz opcije
const selectElement = document.getElementById('mySelect');
const selectedOption = selectElement.options[selectElement.selectedIndex];
const optionNumberValue = selectedOption.valueAsNumber;
console.log(typeof optionNumberValue); // Ispisaće 'number'

Ako element nema numeričku vrednost, valueAsNumber će vratiti NaN. Ovo se može desiti za ne-numeričke tipove unosa ili ako vrednost ne može biti konvertovana u broj.

Element	Tip	Opis
HTMLInputElement	number, range	Vraća numeričku vrednost koju je uneo korisnik.
HTMLOptionElement	Bilo koji	Vraća numeričku vrednost atributa value.