Qu'est-ce que la propriété valueAsNumber?

La propriété valueAsNumber fournit la valeur de l'élément input ou option sous forme de nombre à virgule flottante. Utile pour les champs de saisie de type numérique (type="number", type="range") ou pour obtenir la valeur numérique de l'attribut value de l'élément option.

// Obtenir la valeur numérique d'un input de type "number"
const inputNumber = document.getElementById('myNumberInput');
const numberValue = inputNumber.valueAsNumber;
console.log(typeof numberValue); // Affichera 'number'

// Obtenir la valeur numérique d'une option
const selectElement = document.getElementById('mySelect');
const selectedOption = selectElement.options[selectElement.selectedIndex];
const optionNumberValue = selectedOption.valueAsNumber;
console.log(typeof optionNumberValue); // Affichera 'number'

Si l'élément n'a pas de valeur numérique, valueAsNumber renverra NaN. Cela peut arriver pour des types d'input non numériques ou si la valeur ne peut pas être convertie en nombre.

Élément	Type	Description
HTMLInputElement	number, range	Renvoie la valeur numérique saisie par l'utilisateur.
HTMLOptionElement	Tout	Renvoie la valeur numérique de l'attribut value.