Cos'è la proprietà valueAsNumber?

La proprietà valueAsNumber fornisce il valore dell'elemento input o option come un numero in virgola mobile. È utile per campi di input di tipo numerico (type="number", type="range") o per ottenere il valore numerico dell'attributo value dell'elemento option.

// Ottenere il valore numerico da un input di tipo "number"
const inputNumber = document.getElementById('myNumberInput');
const numberValue = inputNumber.valueAsNumber;
console.log(typeof numberValue); // Mostrerà 'number'

// Ottenere il valore numerico di un'opzione
const selectElement = document.getElementById('mySelect');
const selectedOption = selectElement.options[selectElement.selectedIndex];
const optionNumberValue = selectedOption.valueAsNumber;
console.log(typeof optionNumberValue); // Mostrerà 'number'

Se l'elemento non ha un valore numerico, valueAsNumber restituirà NaN. Questo può accadere per tipi di input non numerici o se il valore non può essere convertito in un numero.

Elemento	Tipo	Descrizione
HTMLInputElement	number, range	Restituisce il valore numerico inserito dall'utente.
HTMLOptionElement	Qualsiasi	Restituisce il valore numerico dell'attributo value.