O que é a propriedade valueAsNumber?

A propriedade valueAsNumber fornece o valor do elemento input ou option como um número de ponto flutuante. É útil para campos de entrada de tipo numérico (type="number", type="range") ou para obter o valor numérico do atributo value do elemento option.

// Obter o valor numérico de um input do tipo "number"
const inputNumber = document.getElementById('myNumberInput');
const numberValue = inputNumber.valueAsNumber;
console.log(typeof numberValue); // Vai mostrar 'number'

// Obter o valor numérico de uma opção
const selectElement = document.getElementById('mySelect');
const selectedOption = selectElement.options[selectElement.selectedIndex];
const optionNumberValue = selectedOption.valueAsNumber;
console.log(typeof optionNumberValue); // Vai mostrar 'number'

Se o elemento não tiver um valor numérico, valueAsNumber retornará NaN. Isto pode acontecer para tipos de input não numéricos ou se o valor não puder ser convertido em número.

Elemento	Tipo	Descrição
HTMLInputElement	number, range	Retorna o valor numérico inserido pelo utilizador.
HTMLOptionElement	Qualquer	Retorna o valor numérico do atributo value.