Was ist die Eigenschaft valueAsNumber?

Die Eigenschaft valueAsNumber liefert den Wert des input- oder option-Elements als Fließkommazahl. Dies ist nützlich für Eingabefelder vom numerischen Typ (type="number", type="range") oder um den numerischen Wert des Attributs value des option-Elements zu erhalten.

// Numerischen Wert aus input vom Typ "number" abrufen
const inputNumber = document.getElementById('myNumberInput');
const numberValue = inputNumber.valueAsNumber;
console.log(typeof numberValue); // Gibt 'number' aus

// Numerischen Wert aus einer Option abrufen
const selectElement = document.getElementById('mySelect');
const selectedOption = selectElement.options[selectElement.selectedIndex];
const optionNumberValue = selectedOption.valueAsNumber;
console.log(typeof optionNumberValue); // Gibt 'number' aus

Wenn das Element keinen numerischen Wert hat, gibt valueAsNumber NaN zurück. Dies kann bei nicht-numerischen Eingabetypen oder wenn der Wert nicht in eine Zahl umgewandelt werden kann, passieren.

Element	Typ	Beschreibung
HTMLInputElement	number, range	Gibt den vom Benutzer eingegebenen numerischen Wert zurück.
HTMLOptionElement	Beliebig	Gibt den numerischen Wert des Attributs value zurück.