Mis on omadus valueAsNumber?

Omadus property valueAsNumber pakub elemendi input või option väärtust kui ujukoma numbrit. Kasulik numbrilise tüübi sisestusväljade jaoks (type="number", type="range") või selle saamiseks, kuidas saada numbriline väärtus option elemendi value atribuudist.

// Saada numbriline väärtus number-tüüpi sisendist
const inputNumber = document.getElementById('myNumberInput');
const numberValue = inputNumber.valueAsNumber;
console.log(typeof numberValue); // Näitab 'number'

// Saada numbriline väärtus valikust
const selectElement = document.getElementById('mySelect');
const selectedOption = selectElement.options[selectElement.selectedIndex];
const optionNumberValue = selectedOption.valueAsNumber;
console.log(typeof optionNumberValue); // Näitab 'number'

Kui elementil ei ole numbrilist väärtust, tagastab valueAsNumber NaN. See võib juhtuda mitte-numeriliste sisestustüüpide või juhul, kui väärtust ei saa arvuks teisendada.

Element	Tüüp	Kirjeldus
HTMLInputElement	number, range	Tagastab kasutaja sisestatud numbrilise väärtuse.
HTMLOptionElement	Iga	Tagastab value atribuudi numbrilise väärtuse.