Kas ir īpašība valueAsNumber?

valueAsNumber īpašība nodrošina elementa input vai option vērtību kā decimālo skaitli. Noderīgi skaitliskā tipa ievades laukiem (type="number", type="range") vai, lai iegūtu skaitlisko vērtību no value atribūta elementā option.

// Skaitliskās vērtības iegūšana no input tipa "number"
const inputNumber = document.getElementById('myNumberInput');
const numberValue = inputNumber.valueAsNumber;
console.log(typeof numberValue); // Izvadīs 'number'

// Skaitliskās vērtības iegūšana no opcijas
const selectElement = document.getElementById('mySelect');
const selectedOption = selectElement.options[selectElement.selectedIndex];
const optionNumberValue = selectedOption.valueAsNumber;
console.log(typeof optionNumberValue); // Izvadīs 'number'

Ja elements nav skaitlisks, valueAsNumber atgriezīs NaN. Tas var notikt, ja ievades tips nav skaitlisks vai ja vērtību nevar pārvērst skaitlī.

Elements	Tips	Apraksts
HTMLInputElement	number, range	Atgriež lietotāja ievadīto skaitlisko vērtību.
HTMLOptionElement	Jebkurš	Atgriež value atribūta skaitlisko vērtību.