valueAsNumber özelliği nedir?

valueAsNumber özelliği, input veya option öğesinin değerini ondalık sayı olarak sağlar. Bu, sayısal giriş alanları (type="number", type="range") veya option öğesinin value özniteliğinden sayısal değer almak için kullanışlıdır.

// number türündeki input'tan sayısal değer alma
const inputNumber = document.getElementById('myNumberInput');
const numberValue = inputNumber.valueAsNumber;
console.log(typeof numberValue); // 'number' yazdırır

// option'dan sayısal değer alma
const selectElement = document.getElementById('mySelect');
const selectedOption = selectElement.options[selectElement.selectedIndex];
const optionNumberValue = selectedOption.valueAsNumber;
console.log(typeof optionNumberValue); // 'number' yazdırır

Eğer öğenin sayısal bir değeri yoksa, valueAsNumber NaN döner. Bu, sayısal olmayan giriş türleri veya değerin sayıya dönüştürülememesi durumunda olabilir.

Öğe	Tür	Açıklama
HTMLInputElement	number, range	Kullanıcının girdiği sayısal değeri döner.
HTMLOptionElement	Herhangi	value özniteliğinin sayısal değerini döner.