¿Qué es la propiedad valueAsNumber?

La propiedad valueAsNumber proporciona el valor del elemento input u option como un número de punto flotante. Es útil para campos de entrada de tipo numérico (type="number", type="range") o para obtener el valor numérico del atributo value del elemento option.

// Obtener el valor numérico de un input de tipo "number"
const inputNumber = document.getElementById('myNumberInput');
const numberValue = inputNumber.valueAsNumber;
console.log(typeof numberValue); // Mostrará 'number'

// Obtener el valor numérico de una opción
const selectElement = document.getElementById('mySelect');
const selectedOption = selectElement.options[selectElement.selectedIndex];
const optionNumberValue = selectedOption.valueAsNumber;
console.log(typeof optionNumberValue); // Mostrará 'number'

Si el elemento no tiene un valor numérico, valueAsNumber devolverá NaN. Esto puede ocurrir para tipos de input no numéricos o si el valor no puede convertirse en un número.

Elemento	Tipo	Descripción
HTMLInputElement	number, range	Devuelve el valor numérico ingresado por el usuario.
HTMLOptionElement	Cualquier	Devuelve el valor numérico del atributo value.