Ce este proprietatea valueAsNumber?

Proprietatea valueAsNumber furnizează valoarea elementului input sau option ca număr în virgulă mobilă. Este utilă pentru câmpurile de introducere de tip numeric (type="number", type="range") sau pentru obținerea valorii numerice din atributul value al elementului option.

// Obținerea valorii numerice dintr-un input de tip "number"
const inputNumber = document.getElementById('myNumberInput');
const numberValue = inputNumber.valueAsNumber;
console.log(typeof numberValue); // Va afișa 'number'

// Obținerea valorii numerice dintr-o opțiune
const selectElement = document.getElementById('mySelect');
const selectedOption = selectElement.options[selectElement.selectedIndex];
const optionNumberValue = selectedOption.valueAsNumber;
console.log(typeof optionNumberValue); // Va afișa 'number'

Dacă elementul nu are o valoare numerică, valueAsNumber va returna NaN. Acest lucru se poate întâmpla pentru tipuri de input non-numerice sau dacă valoarea nu poate fi convertită într-un număr.

Element	Tip	Descriere
HTMLInputElement	number, range	Returnează valoarea numerică introdusă de utilizator.
HTMLOptionElement	Oricare	Returnează valoarea numerică a atributului value.